UI is rendered but screen is not painted unless touched2019 Community Moderator ElectionReact Native, render function not rendering, although the trace indicates that passes through itConnected Component's prop doesn't update in React Native with ReduxReact Native Fetch does not render response until after clicking screenApollo Client will not re-render component on GraphQl responseHow do React Native components avoid recursive state updates?Touch gesture problems in React Native with AppseeReact Native FlatList horizontal paging TouchableOpacity scrollToIndex infinite loopReact Native - Modal not renderingHow to pass props between screens when using react-native-router-fluxShould mapStateToProps update props asynchronously?
Can a Mimic (container form) actually hold loot?
I've given my players a lot of magic items. Is it reasonable for me to give them harder encounters?
Giving a talk in my old university, how prominently should I tell students my salary?
Naming Characters after Friends/Family
Can you run a ground wire from stove directly to ground pole in the ground
Did Amazon pay $0 in taxes last year?
Error in TransformedField
Deal the cards to the players
Under what conditions would I NOT add my Proficiency Bonus to a Spell Attack Roll (or Saving Throw DC)?
Why aren't there more gauls like Obelix?
Should I use HTTPS on a domain that will only be used for redirection?
Are small insurances worth it
In the world of The Matrix, what is "popping"?
ESPP--any reason not to go all in?
Quitting employee has privileged access to critical information
An Undercover Army
Learning to quickly identify valid fingering for piano?
Is divide-by-zero a security vulnerability?
When to use the term transposed instead of modulation?
Short story about an infectious indestructible metal bar?
Is every open circuit a capacitor?
Create chunks from an array
Align equations with text before one of them
PTiJ: How should animals pray?
UI is rendered but screen is not painted unless touched
2019 Community Moderator ElectionReact Native, render function not rendering, although the trace indicates that passes through itConnected Component's prop doesn't update in React Native with ReduxReact Native Fetch does not render response until after clicking screenApollo Client will not re-render component on GraphQl responseHow do React Native components avoid recursive state updates?Touch gesture problems in React Native with AppseeReact Native FlatList horizontal paging TouchableOpacity scrollToIndex infinite loopReact Native - Modal not renderingHow to pass props between screens when using react-native-router-fluxShould mapStateToProps update props asynchronously?
We are able to confirm that the render()
method of our component is getting invoked. We also see that the data that needs to be shown is correctly passed in via props. However, the actual phone display won't repaint the updated UI until it is touched.
Interestingly this only happens in the production build not on the development builds of the app. Sigh.
We have seen this in the past when updates are done from InteractionManager.runAfterInteractions
, but in this case we have removed every use of runAfterInteractions
and are still seeing this behavior.
Using RN 0.57 but also seeing the same issue on 0.58.
I can provide more specifics if needed, but wanted to know if anyone has seen anything like this before and what if anything they did to fix such an issue.
react-native
add a comment |
We are able to confirm that the render()
method of our component is getting invoked. We also see that the data that needs to be shown is correctly passed in via props. However, the actual phone display won't repaint the updated UI until it is touched.
Interestingly this only happens in the production build not on the development builds of the app. Sigh.
We have seen this in the past when updates are done from InteractionManager.runAfterInteractions
, but in this case we have removed every use of runAfterInteractions
and are still seeing this behavior.
Using RN 0.57 but also seeing the same issue on 0.58.
I can provide more specifics if needed, but wanted to know if anyone has seen anything like this before and what if anything they did to fix such an issue.
react-native
add a comment |
We are able to confirm that the render()
method of our component is getting invoked. We also see that the data that needs to be shown is correctly passed in via props. However, the actual phone display won't repaint the updated UI until it is touched.
Interestingly this only happens in the production build not on the development builds of the app. Sigh.
We have seen this in the past when updates are done from InteractionManager.runAfterInteractions
, but in this case we have removed every use of runAfterInteractions
and are still seeing this behavior.
Using RN 0.57 but also seeing the same issue on 0.58.
I can provide more specifics if needed, but wanted to know if anyone has seen anything like this before and what if anything they did to fix such an issue.
react-native
We are able to confirm that the render()
method of our component is getting invoked. We also see that the data that needs to be shown is correctly passed in via props. However, the actual phone display won't repaint the updated UI until it is touched.
Interestingly this only happens in the production build not on the development builds of the app. Sigh.
We have seen this in the past when updates are done from InteractionManager.runAfterInteractions
, but in this case we have removed every use of runAfterInteractions
and are still seeing this behavior.
Using RN 0.57 but also seeing the same issue on 0.58.
I can provide more specifics if needed, but wanted to know if anyone has seen anything like this before and what if anything they did to fix such an issue.
react-native
react-native
edited Mar 4 at 23:51
daku
asked Mar 4 at 23:37
dakudaku
313
313
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I had this issue also when the content that should repaint was inside a 'ScrollView'. I refactored my code using a 'FlatList' instead of a 'ScrollView' and the problem disappeared.
New contributor
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54993263%2fui-is-rendered-but-screen-is-not-painted-unless-touched%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I had this issue also when the content that should repaint was inside a 'ScrollView'. I refactored my code using a 'FlatList' instead of a 'ScrollView' and the problem disappeared.
New contributor
add a comment |
I had this issue also when the content that should repaint was inside a 'ScrollView'. I refactored my code using a 'FlatList' instead of a 'ScrollView' and the problem disappeared.
New contributor
add a comment |
I had this issue also when the content that should repaint was inside a 'ScrollView'. I refactored my code using a 'FlatList' instead of a 'ScrollView' and the problem disappeared.
New contributor
I had this issue also when the content that should repaint was inside a 'ScrollView'. I refactored my code using a 'FlatList' instead of a 'ScrollView' and the problem disappeared.
New contributor
New contributor
answered yesterday
Arthur AdapcareArthur Adapcare
1
1
New contributor
New contributor
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54993263%2fui-is-rendered-but-screen-is-not-painted-unless-touched%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown