Is it possible to prevent the Navigator in react-native to render the previous scene?
I'm having a conflict between a scrollView and my Navigator, I set the Navigator to render the scene FloatFromBottom, so when I scroll down it scrolls the content fine but when I try to scroll up I'm going to the previous scene.
Related
I am using react native with expo. I have created a Carousel with react-native-snap-carousel and a material-top-tab-navigator with react-navigation 6.
My goal is, that when I swipe through the tab navigator the carousel should also detect the swipe and react as if it would get swiped itself. So whereever I swipe on the screen inside the tab navigator, the carousel should join the swipe action so to say.
Right now I can obviously only swipe through it when I place my finger inside its borders. Should I use react-native-gesture-handler or is there some way to connect or bundle the two events together so that when one component gets swiped, the same swipe gets apllied to the other component?
Is there a way to prevent the drawer from closing when a navigation link is clicked in React Navigation? I want the user to be able to click a link in the navigation drawer, see that the screen has changed in the background (& if they swipe away from the drawer, they see the new screen), however the drawer does not close unless they manually swipe away.
I have ReactNavigation -> DrawerNavigation as a main navigator for my app and it holds StackNavigator as a base router for all app screens. Pretty basic setup i think.
Hovever: the first screen consist of ScrollView wchich is oriented horizontally. This interferes with drawer's edge drag to open functionality. Sometimes it works - most of the time scrollview takes over the swipe gesture.
I already increased the edgeWidth param in order to make sure it's not causing the issue.
My guess is the scrollview captures the gesture. Is there a way to give the drawer priority or to somehow limit scrollview gesture area so it's not trigerred at the edge of screen?
Much appreciate your help
i want to psuh new screen on top off a model in react-navigation
Current Behavior
The react-native Modal is the highest zIndex. All the screens pushed onto the StackNavigator by react-navigation are below it.
react-navigation
Expected Behavior
The new screen should be pushed on top of the react-native Modal
How to reproduce
render a react-native Modal with some boilerplate code, and then on tap button in your custom modal, just run
this.props.navigation.navigate(SCREEN_NAME);
React Navigation Implements the modal on root level. So there is no way to push anything on the top of modal.
If you want to achieve this behavior you might create a stack navigator with mode modal
Here is a link of an expo snack
Is it possible to push a route in Navigator with the gestures within Navigator?
I assume if I use Pan responder, it will push a route after I swipe, which wont look as nice