react-navigation
Warning: isMounted(…) is deprecated in plain Javascript Classes
This is a problem with latest React Navigation and React Native. To silence it add: import { YellowBox } from ‘react-native’; YellowBox.ignoreWarnings([‘Warning: isMounted(…) is deprecated’, ‘Module RCTImageLoader’]); I expect it will be fixed in React Navigation within next few weeks.
Change app background color in React Native
I’ve solved my problem, it was caused by StackNavigator. To solve it , just add some extra options const HomeStack = StackNavigator( { Home: { screen: HomeScreen, }, Item: { screen: ItemScreen, navigationOptions: ({ navigation }) => ({ title: `${navigation.state.params.title}`, }), }, }, ** { headerMode: ‘screen’, cardStyle: { backgroundColor: ‘#FFFFFF’ }, }, ** );
how to display headers in react navigation with TabNavigation
Even if this is a fairly old question, I had myself this question a couple days ago, so I’ll be adding my two cents about it hoping this will be useful for someone else in the future as well. React Navigation is an amazing product with a high amount of customization, but that also turns … Read more
React Navigation get stack header height
React navigation V6 import { useHeaderHeight } from ‘@react-navigation/elements’; const headerHeight = useHeaderHeight(); React navigation V5 import { useHeaderHeight } from ‘@react-navigation/stack’; const headerHeight = useHeaderHeight(); or with React Context’s API (not recommended) React navigation V4 import { Header } from ‘react-navigation-stack’; const headerHeight = Header.HEIGHT; React navigation V2-V3 import { Header } from ‘react-navigation’; … Read more
How to resolve “Animated: `useNativeDriver` is not supported because the native animated module is missing.” in react-navigation?
To disable this warning add either of the following to your test file. jest.mock(‘react-native/Libraries/Animated/NativeAnimatedHelper’); or jest.mock(‘NativeAnimatedHelp’); In your package.json file “jest”: { “setupFiles”: [ “./mock.js” ], In mock.js jest.mock(‘react-native/Libraries/Animated/NativeAnimatedHelper’); jest.mock(‘NativeAnimatedHelp’);
requireNativeComponent: “RNSScreenStackHeaderConfig” was not found in the UIManager when running android app
If someone ends up here with this issue while using nrwl/nx mono-repo for cross-platform build (mobile and web), you need to add the react-native-screens and react-native-safe-area-context dependency in the mobile application package.json besides the workspace package.json.
‘Stack.Navigator’ cannot be used as a JSX component
You will need to fix the version for @types/react package because many react libraries have dependency set as @types/react : “*”, which will take the latest version of the package. (I suppose they just released version 18) To do that you can add this in your package.json if you use yarn “resolutions”: { “@types/react”: “17.0.43” … Read more
React-Navigation go to same route with different params
You are looking for push instead of navigate. When you use navigate, it look for a route with that name, and if it exists navigate to it. When you use push, you go to a new route, adding a new navigation to the stack. See the documentation here https://reactnavigation.org/docs/en/navigating.html#navigate-to-a-route-multiple-times In your case, you should do: … Read more