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
5
votes
2 answers

react-native-navigation with context api (react 16.3)

has anybody being able to use the new Context API introduce in react 16.3 with react-native-navigation? I'm having trouble trying to set it up as with react-native-navigation there is no main component where i can manage a state and then render the…
5
votes
3 answers

Registering React Native Code Push with React Native Navigation by Wix

I use react-native-code-push. which is: This plugin provides client-side integration for the CodePush service, allowing you to easily add a dynamic update experience to your React Native app(s). but In some of native implementations of…
5
votes
3 answers

Set initial state from navigation props

I am using React Navigation to route between screen. I have an initial screen which contains a FlatList, onclick of an item I route to a new screen while passing params like this. props.navigation.navigate('Details', { id: props.id, title:…
5
votes
0 answers

React Native - Touches not working after initializing app with splash screen and navigation.setRoot()

I've started with this base project (React Native Firebase): https://github.com/invertase/react-native-firebase I've integrated React Native Navigation V2: https://wix.github.io/react-native-navigation/v2/#/ as well as React Native Splash Screen…
5
votes
1 answer

My screen names aren't appearing in Firebase Analytics Dashboard

I am trying to track screen names on react-native-firebase in conjunction with react-navigation. Here is my code. const tracker = firebase.analytics() function getCurrentRouteName(navigationState) { if (!navigationState) { return…
5
votes
3 answers

How to reset TabNavigator when user logs out (from other screen)

Here is my project file hierarchy RootTabNavigator | AuthStackNavigator // I want to go back to this navigator | AuthoScreen | Welcome Screen | MainTabNavigator // I want to reset MainTabNavigator |…
5
votes
1 answer

React-native-navigation tab bar center circle icon

How do I make the tab bar in the center of the circle with a custom icon like this image? I am using react-native-navigation.
5
votes
3 answers

Context popup menu in wix/react-native-navigation navbar

Is it possible to set three dot context menu using "react-native-popup-menu" in "react-native-navigation" navbar? or do we have any other approach to set three dot context menu in both IOS and Android with "react-native-navigation" navbar?
5
votes
2 answers

React Native Android app white screen won't start

I get the following error log when I run my Android app: http://pastebin.com/1jHEfdQ3 The app sometimes crashes in the simulator but most of the time it just displays a white screen. I can console.log one or two things until the app won't respond.…
Daniel van der Merwe
  • 1,570
  • 2
  • 10
  • 20
4
votes
4 answers

No overload matches this call error: React Native Navigation

I'm pretty new to React Native and React Native Navigation. I'm getting an error stating: "message": "No overload matches this call.\n Overload 1 of 2, '(...args: never): void', gave the following error.\n Argument of type 'string' is not…
pelotador.1
  • 195
  • 1
  • 12
4
votes
1 answer

stack from NativeStackNavigator (nested in BottomTabNavigator) resets everytime the BottomTabNavigator changes tabs

Situation: The react native app has a BottomTabNavigator (react-navigation/material-bottom-tabs) and one of the tabs has a NativeStackNavigator (react-navigation/native-stack). BottomTabNavigator: tab1 tab2 tab3: …
4
votes
2 answers

any way to have multiple tabs(screens) in react native with a preview like in a browsers do for example?

I want to archive a dynamic tabs(can open and close) with ability to see tab overview like in any browser. Any idea where to start?
SomeUser
  • 1,976
  • 15
  • 42
  • 60
4
votes
1 answer

Is there a way to run code every time a route/screen changes with react native navigation?

In React I can execute code every time a location change using use-react-router which gives me access to the history, location, and match properties. What I do is to use a useEffect and run code every time location property change, something…
Cristian Flórez
  • 2,277
  • 5
  • 29
  • 51
4
votes
4 answers

Screen freeze when navigate in react native navigation with Drawer navigation

I have an issue with Drawer navigation in React Native Navigation. The problem seems to be very simple. I have 2 screens, on each screen I have a button that sends the user to the other one. the problem is after sending the user from screen A to B…
4
votes
2 answers

Tab bar navigation without component screen render

Is there a way to press on tab bar and not render component screen? i have been passing null function but it still renders blank screen. i want that wherever you press it stays on home screen.
Josip Marić
  • 227
  • 4
  • 21