Questions tagged [react-native-navigation]

Use this tag for questions related to the React Native Navigation library that provides a complete native navigation solution for React Native apps.

React Native Navigation provides 100% native platform navigation on both iOS and Android for React Native apps.

For more info see github project

https://github.com/wix/react-native-navigation

1903 questions
91
votes
3 answers

React Navigation vs. React Native Navigation

What are the technical differences between the main two React Native navigation solutions: React Native Navigation and React Native? React Navigation React Native Navigation Are there specific technical limitations that would require the use of…
87
votes
13 answers

Getting this error: error: bundling failed: Error: Unable to resolve module `react-native-safe-area-context`

I am getting this error after running my App: error: bundling failed: Error: Unable to resolve module react-native-safe-area-context from node_modules/react-navigation-stack/lib/module/vendor/views/Stack/StackView.js: react-native-safe-area-context…
65
votes
19 answers

Refresh previous screen on goBack()

I am new to React Native. How can we refresh/reload previous screen when returning to it by calling goBack()? Lets say we have 3 screens A, B, C: A -> B -> C When we run goBack() from screen C it goes back to screen B but with old state/data. How…
41
votes
8 answers

How to trigger an event when a component is shown when using react-native-navigation?

I am using react-native with react-native-navigation. I would like to reload data when a component is shown. The component is shown when a user clicks on a tab navigation button. Should I use react life cycle events or is there something in…
Daryn
  • 3,394
  • 5
  • 30
  • 41
33
votes
2 answers

React-native app is being restarted on every navigation when integrated with native app

We're trying to integrate a new React Native app to an existing native Android app. Following the RN official docs we managed to get it working but with some issues regarding the navigation. We've native and non-native (JS) screens, and we need a…
usef_ksa
  • 1,669
  • 3
  • 23
  • 40
32
votes
1 answer

Couldn't find a navigation object. Is your component inside a screen in a navigator?

In My below code when I use useNavigation() then it gives an error like my quiestion How to use useNavigation, Please any one can solve this error... ERROR:Couldn't find a navigation object. Is your component inside a screen in a navigator? I…
31
votes
7 answers

React Native: Which navigator should I use?

I have to build a relatively big cross-platform (iOS & Android) application within 3 months. So far when it comes to React Native I only have experience with NavigatorIOS. Now while I never really ran into any problems with it I never see people…
WillKre
  • 6,280
  • 6
  • 32
  • 62
28
votes
6 answers

Error: Unable to resolve module ` react-native-screens` from `node_modules/react-navigation-tabs/src/navigators/createBottomTabNavigator.js`

Current Behavior After executing app is not installing reporting bundling failed: Error: Unable to resolve module ` react-native-screens` from `node_modules/react-navigation-tabs/src/navigators/createBottomTabNavigator.js`: react-native-screens…
Fazle Rabbi Ador
  • 759
  • 1
  • 7
  • 19
25
votes
11 answers

How to hide bottom navigation bar on a specific screen in react native?

I am using React Native and React Native Navigation to build out my application. Currently, I have three bottom tabs: Home, Upload Video and Messages. Upon selection of the Upload Video tab, I want to render the Upload Video component and hide the…
dmouawad
  • 539
  • 1
  • 5
  • 13
24
votes
6 answers

How to use navigation.navigate from a component outside the stack.navigation

I have an application using React native where I am using react-navigation (5.2.9). I built a Stack.Navigator where I've got my screens but I want the Footer component to be outside so it renders in all screens. The problem is, I can't navigate…
Carlos Saiz Orteu
  • 1,735
  • 1
  • 10
  • 18
23
votes
9 answers

Requiring unknown module "11" error on iOS simulator

When I run the react native project with react-native run-ios.It shows the following error on my iOS simulator.On my android simulator, it is totally ok.I have deleted node module and reinstalled.But the error is still there.I don't want to entirely…
16
votes
0 answers

How to cold start a React Native app over device lock screen?

I'm building a VoIP app on React Native, which detects incoming calls using push notifications. I need to start the app and bring it to the foreground on receiving a push notification. I'm able to achieve that for the following scenarios: When…
glocore
  • 1,727
  • 1
  • 14
  • 24
16
votes
1 answer

Disadvantage of using JS based navigation solution like React Navigation instead of using Native Navigation like Wix's React Native Navigation?

The only reason I can think of using Native Navigation is when I have more screens & JS based solution like React Navigation will keep all the screens in memory. Now I am not a native developer so the above thing might be vague.
15
votes
5 answers

'Failed to find fragment for React Root View' React Native Android RNScreens

I had to rebuild my gradle for android, and now I'm getting an error with RNScreens. Failed to find fragment for React Root View shows in the app. Here is logcat: 2022-08-20 22:54:02.259 9195-9241/com.testApp.testApp E/WM-WorkerWrapper: Work […
Joel Hager
  • 2,990
  • 3
  • 15
  • 44
15
votes
11 answers

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: import…
1
2 3
99 100