question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Interactions briefly unresponsive after navigating between screens

See original GitHub issue

Our team has been doing some experimentation with useScreens in react-navigation. One thing I noticed was the time it takes for a screen to respond to touch events seems longer with react-native-screens enabled. Purely anecdotal, but trying to nav back and forth between screens pretty consistently takes 1 extra quick tap with useScreens compared to not using it.

Seeking feedback if this could be react-native-screens specific, the implementation in react-navigation, or possibly something in our own app.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:5
  • Comments:26 (14 by maintainers)

github_iconTop GitHub Comments

1reaction
WoLewickicommented, Feb 5, 2021

@Hirbod so does it only happen in modals, or in all presentation kinds? Also, could you somehow show the difference in the time of the ability to click, scroll in the next/previous screen when native-stack compared to e.g. Settings app and App Store app (there is a modal there when you click your profile icon). I can spot the delay in those apps too, but probably I am missing something. Also, when providing stackAnimation: 'none', you can click the buttons immediately, which would suggest that there is no delay introduced by us. But here too, I might be missing something.

1reaction
bartzycommented, Feb 3, 2021

@WoLewicki By using import { createStackNavigator } from 'react-navigation/stack' and also calling enableScreens, are we even getting the native navigation behavior at all? I don’t quite get what’s the behavior with the regular createStackNavigator and enableScreens. I thought this library makes sense only with import { createNativeStackNavigator } from 'react-native-screens/native-stack'.

Also, the behavior with createNativeStackNavigator is not the same in iOS as regular native apps. With a regular native app, there is no delay at all for interacting with a new view controller that was just pushed to the navigation stack. With react-native-screens + createNativeStackNavigator (+ enableScreens obivously), there’s a slight delay (probably 100-500ms?) where you can’t tap on new elements after the transition ended. That is the issue that I think most people in this thread are reporting.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Interactions briefly unresponsive after navigating between ...
First, comment out the line here. Rapidly press the navigation button - you'll notice it responds immediately and without delay. Then, add the ......
Read more >
Very annoying bug: when using Facebook Messenger chat ...
Very annoying bug: when using Facebook Messenger chat bubbles, closing the bubble makes the touch screen completely unresponsive for 1-3 ...
Read more >
Google Chrome Page Unresponsive Error in Windows 10 / 11
1 – Open Chrome Browser. 2 – Go to chrome://settings/privacy from the address bar. 3 – Now, click on Cookies and other site...
Read more >
Android Touchscreen Not Working? 7 Tips, Fixes, and ...
However, it's often one of the most successful ways to fix an unresponsive touch screen on Android. Restarting your phone shuts down and...
Read more >
Preventing Hangs in Windows Applications - Win32 apps
There are many different root causes for application hangs, and not all of them manifest themselves in an unresponsive UI. However, an ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found