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

screen flashes to white when first displaying a tab

I'm creating React Native app in which I'm using React-native-navigation (v1). It's a tab based app in which when I first switch tab by calling self.props.navigator.switchToTab({ tabIndex: index - 1 }) the screen…
otusweb
  • 1,638
  • 1
  • 19
  • 30
4
votes
0 answers

react native navigation deep link to a specific tab

this is my first question on here, and maybe I am missing something simple but I cannot find my answer anywhere. My project uses redux and has several "root" changes with both tabBasedApps and singleScreenApps. When using the drawer to deep link to…
4
votes
2 answers

React Native Navigation Status Bar under Navigation Bar

I'm using react-native-navigation library on my project and i'm having some issues with my status bar. First one is that i'm unable to change my status bar background color on iOS, so i created a component for that as follow: const S_StatusBar = ({…
Huby03
  • 801
  • 2
  • 14
  • 28
4
votes
4 answers

react-native-navigation drawer not opening

Clicking on the navbar button the drawer is not opening. Here is code i have used for button press if (event.type === 'NavBarButtonPress') { if (event.id === 'sideDrawerToggle') { this.props.navigator.toggleDrawer({ …
Anamul Haque
  • 7,069
  • 5
  • 23
  • 38
4
votes
3 answers

Cannot find entry file index.android.js in any of the roots React Native Navigation

I'm new using React Native Navigation and I'm having a problem during the installation process for Android. So i installed the package, and followed instructions until step 5. Once there i add the code to MainApplication.java, but after doing that,…
ssv08
  • 43
  • 1
  • 5
4
votes
0 answers

Wix React Native Navigation - Navigate after async action

I'm using Wix React Native Navigation and Redux Thunk. What's the correct way for navigating after an async action. I'm trying to do something like: // actionCreators.js export const createUser = (data) => { return (dispatch) => { …
Bikas
  • 856
  • 7
  • 16
4
votes
0 answers

How can I prevent my Modal content to scale when soft input is displayed in react native with react native navigation?

I use react native navigation to set up the navigation in my android app, I use startTabBasedApp() and I have a few modals that contain some text input, and when I tap TextInput and the android keyboard opens it resizes the content inside the Modal,…
Octavian Rotari
  • 325
  • 2
  • 10
4
votes
1 answer

I've two different react native packages which require different android compileSdkVersion, how do I fix this?

I use react-native-music-control and react-native-navigation(by wix) , rnmc requires compilesdkversion 23 and buildToolsVersion '23.0.1' whereas rnn requires compilesdkversion 25 and buildToolsVersion '25.0.0', rnn does not work with 25.0.0/25 and…
ngrj
  • 51
  • 4
4
votes
1 answer

undefined is not an object evaluating NativeReactModules.startApp

I just created new react-native app. tried to build the app and printing "Hello, World" and it worked fine. and then I installed react-native-navigation, and tried to use it, I registered one screen and startTabBasedApp. the app is now showing me…
FrankenStein
  • 369
  • 2
  • 15
4
votes
2 answers

React Native get navigation object outside screen component

I need to be able to navigate and reset navigation stack from modules that are not necessarily screen components. It means, I can't use: const {navigate} = this.props.navigation; In my case, I need to properly redirect user to the right screen…
4
votes
3 answers

React native drawer not opening on swipe over map

I am using react-native-navigation to start a single screen app that contains a Google map using - react-native-maps and a left drawer: Navigation: Navigation.startSingleScreenApp({ screen: { screen : 'map.MapScreen', …
3
votes
3 answers

WARN Sending `onAnimatedValueUpdate` with no listeners registered

I got stuck. I am developing a mobile application with React Native CLI & React Navigation 6.x Then when i use material top tabs navigator, swiping through left to right or right to left. It always send a warn I've tried useFocusEffect,…
3
votes
3 answers

What's the correct approach for having a list/detail view with React Native Navigation Bottom Tab?

I have something like: const Tab = createBottomTabNavigator(); const DefaultTabbedNavigation = () => { return ( <>
Shamoon
  • 41,293
  • 91
  • 306
  • 570
3
votes
4 answers

How to use nativewind for react native expo with react navigation

I've been trying to integrate tailwindcss to my react native expo project and it was working fine when i applied the tailwind classNames in the App.js , but as soon as I added react navigation to it and tried using the styles in Homscreen.js…
3
votes
2 answers

How to remove event listener of react-navigation in react native?

I want to detect focus change on naviagtion in React Native. I am using class components but now days RN community flooded with functional component . Here is the snippet from @react-naviagtion function Profile({ navigation }) { …
CrackerKSR
  • 1,380
  • 1
  • 11
  • 29