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 immutable, but it only changes when it needs to
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(”) is not working whenever I am trying to navigate a button to another screen. I feel like
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 find
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 navigation functionality:
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 the navigation state… Can someone
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 function and hiding
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://github.com/expo/ex-navigation/issues/276 https://github.com/facebook/react-native/issues/11094#issuecomment-263240420 The last one offers a solution, but it says to open Xcode,
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 NavigationActions call the above function in your onPress In
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 Make sure that the font is linked in your iOS