The Android back button does not go back on the first click when I am inside the TopTabNavigator. What actually happens is that the tab goes left and right and only after a few presses of the Android back button only then it go back. How can such a thing be prevented and fix ? in my example i have
Tag: react-navigation
Is the navigation prop immutable / pure? – react navigation v4
I’m using React Navigation v4, and I need to know if the navigation prop is immutable because I want to wrap my component with React.memo For context here is my (hopefully) pure React component: Answer I’m going to answer my own question based on this tweet by Satyajit Sahoo. It’s not immuta…
ENOENT: no such file or directory when installing react-navigation in react-native project
I’m getting a few errors while I’m installing react-navigation in my react native project with npm install @react-navigation/native The installation goes halfway and stops for a couple minutes and puts this error out. Can someone please help me solve this problem The navigation.navigate(”) i…
React Native BottomTabNavigator remove white space
I’m facing a problem with my Bottom Tab Navigator. I get a white space between my tabs and the end of the screen of my iPhone 11 Simulator. On a iPhone 8 Simulator I don’t have these white space. There is also a small white space above the Tabs. How can I remove this space? I’m not able to f…
React Navigation V5 Hide Bottom Tab in Specific Screens
I am creating a React Native app using React Navigation version 5, and I have a bottom tab navigator with a stack navigator nested inside each screen of the tab navigator. I only want the bottom tab bar to show when on the first page of each stack navigator. Here is a snack that displays my app’s basic …
How to pass data back to previous screen in react native navigation v5?
I just updated to react native navigation version 5. Now I am trying to send data back to previous screen on goBack() call. I push next view with And making move back after selecting item from FlatList with call: But by sending function over with params I get a warning: Non-serializable valuse were found in t…
React Navigation V5 Hide Bottom Tabs
I would like to be able to hide the tabs on a screen using React Native Navigation v5. I’ve been reading the documentation but it doesn’t seem like they’ve updated this for v5 and it refers to the < v4 way of doing things. here is my code: Things I have tried: Accessing the options of the…
How to resolve “Animated: `useNativeDriver` is not supported because the native animated module is missing.” in react-navigation?
I am working on expo SDK Version: 36, and on all platforms (ios/android/web) When installing react-navigation for the first time as described in the documentation and running jest –watch while doing it, and the following warning appeared: It also happen in the browser console: Related issues: https://gi…
How to get previous route name from React Navigation
I am trying to get previous route name to my current screen. Because based on the previous screen name, I have to show/hide few objects in current screen. To get previous screen name, I have tried following But, It’s getting undefined in console log. Any suggestions? Answer You need to use NavigationAct…
Icons are not appearing in react-native
I am using react-native-vector-icons/FontAwesome to show icons and react-navigation for showing tabs. I am trying to show Home icon in button navigation but icons are not appearing. PFB relevant code of Icon and createBottomTabNavigator PFB screenshot as well. What do I need to do to show icon of Home? Answer…