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
1 answer

How to navigate to a Screen without adding it to backstack?

My Navigator is: const MyStack = createStackNavigator(); const MyRoutes= () => (
Rafael Tavares
  • 5,678
  • 4
  • 32
  • 48
5
votes
3 answers

React-Native-Navigation, how to refresh a route when navigating to it via navigation.navigate("routename", {randomparams})

I have a bottomTabNavigator which has two stacknavigators. Each stacknavigator has their own respective screens within them. Whenever I use something like navigator.navigate("Stackname" {screen:"screenname", randomProp: "seomthing") the params are…
DucksEatTurtles
  • 194
  • 1
  • 2
  • 10
5
votes
4 answers

How to remove white space between the tabs in react navigation top bar

How do you remove white space between the tabs in react-navigation top bar. So what should happen is the tab size should adjust based on the screen size. This is what my navigation looks like at the moment. You can see that the tabs are really big.…
5
votes
4 answers

React navigation drawer V5

I'm using react-navigation version 5. I have tab navigation and drawer navigation together. I'm trying to add an icon in my header to open/close drawer: here is my custom right header for toggling the drawer: const HeaderRight = ({ navigation }) =>…
5
votes
2 answers

How to add badge to tab-bar in react-native?

I am using the tabnavigator (createbottomBottomTabNavigator) and need help with the bage count using redux.
5
votes
1 answer

React Native Deep Linking Application Not Opening

I followed all the steps from both the articles mentioned below https://hackernoon.com/react-native-deep-linking-for-ios-and-android-d33abfba7ef3 https://medium.com/react-native-training/deep-linking-your-react-native-app-d87c39a1ad5e After the app…
5
votes
3 answers

onPress event not working on views, images, touchableopacity in react native

I am newbie in React Native, I implemented onPress function on View component(I tried on touchableOpacity and NativeFeedBack) but it did not work on any of them. I don't understand why. I wanted to implement buttons using images, so that when…
5
votes
6 answers

How to pop to the previous screen with params?

I'm on screen A which has current state of {key:'value'} , I navigated to screen B now I'm trying to pop from screen B to screen A again , but I don't want to lose the current state in screen A {key:'value'} some solution is to save data in the…
Ahmed Mohsen
  • 183
  • 1
  • 2
  • 12
5
votes
1 answer

React Native Navigation Fatal Exception: Tried to create view after it has already been destroyed

Issue Description:: I am working on React native application and using React Native Navigation for routing, GitHub link. Sometimes my app crash on Android as I have crashlytics installed So I verified crashes using Firebase crash logs. I am getting…
Harleen Kaur Arora
  • 1,949
  • 2
  • 23
  • 55
5
votes
2 answers

How to add clickable rightButtons under topBar React Native Navigation?

I have integrated React Native navigation package. I want to add badge with the dynamic value on my topBar rightButton. Github link of the package:: https://github.com/wix/react-native-navigation I want an output like this. You can check this…
Archana Sharma
  • 1,953
  • 6
  • 33
  • 65
5
votes
2 answers

How can I remove event Listener so it would not try to update state when component is unmounted?

I have set some dynamic styles and everything works just fine except when component is unmounted. Then it throws an error: Can't call setState (or forceUpdate) on an unmounted component. It is the second screen in stack navigator, when I go to…
5
votes
0 answers

React Native Navigation - [FAB]floating action button does not display as expected

I am working with a React-native-navigation(wix) and there is a problem associated with React native FAB (Floating action button). Requirement - I need to set FAB inside the componentDidMount lifecycle method as follows componentDidMount() { …
5
votes
2 answers

React native Linking.getInitialUrl on Android called always

I've a React-Native app with the following code (here App.js, the app entry point) that manages deep link on Android. Linking.getInitialURL().then((deepLinkUrl) => { if (deepLinkUrl) { manageDeepLink(deepLinkUrl); } else { …
mattd
  • 543
  • 4
  • 16
5
votes
2 answers

Handling BackHandler

Being a newbie in RN programming, I'm trying to handle android hardware button. But pressing it on screen leads to simultaneously going to previous screen and closing app. My StackNavigator looks like: const navigatorApp = StackNavigator({ …
Ison
  • 403
  • 2
  • 9
5
votes
1 answer

wix-react-native-navigation v2 statusBar not working

I am trying react-native-navigation V2 but not able to change the status bar color. Navigation.setDefaultOptions({ statusBar: { visible: true, style: "dark", backgroundColor: "red" }, topBar: { background: { color: COLOR.primaryColor }, …