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
6
votes
4 answers

Pass Touch Events through Overlay

Setup I have 2 screens, let us call them A and B. Screen A is showing the camera image recorded by the back camera of the phone (third party library which i do not have further access to). Screen B has a semi transparent background and some UI…
6
votes
1 answer

React-Native-Navigation V2 with redux cannot pass props

I have a simple two screens app with redux and React-Native-Navigation V2. I try to pass an item from a list to another view as a prop. Unfortunately, I get an error: TypeError: Cannot read property 'id' of undefined The item is passed but not…
6
votes
3 answers

React Native Navigation v2 sideMenu not able to navigate to screen

I'm trying to call Navigate.push from sideMenu but nothing happens. Navigation.setRoot({ root: { sideMenu: { left: { component: { name: 'app.SideMenu', }, children: [ { …
Damathryx
  • 2,706
  • 3
  • 25
  • 48
6
votes
2 answers

Wix react-native-navigation change Tab and push screen

How can I simultaneously switch tab and push screen? When the button is pressed, I would like to switch to another tab and push a new screen. Is it possible? class Example extends Component { buttonHandler = () => { …
longman4
  • 61
  • 1
  • 4
6
votes
0 answers

React Native - Cannot capture hardware back button click event

I used to react-native-navigation from the Wix for my app navigation. But it is not working properly. After authenticating the user by my application successfully navigate to the main screen, but the problem is when I pressed android back button it…
6
votes
5 answers

React Native Navigation - swipe to next screen

I have a very simple configuration for react native navigation Navigation.startTabBasedApp({ tabs: [ { label: "One", screen: "example.FirstTabScreen", title: "Screen One" }, { label: "Two", screen:…
feerlay
  • 2,286
  • 5
  • 23
  • 47
6
votes
0 answers

Using static framework, like Realm, with React-Native installed through Cocoapods

I have a react-native project that has two requirements. It needs to work with Airbnb's native-navigation library and it requires a Realm database. I'm having a time getting the two libraries to work togeather. Because Native-navigation uses Swift…
nwales
  • 3,521
  • 2
  • 25
  • 47
6
votes
2 answers

How to convert single screen app to tab based app using react-native-navigation?

I am trying my hands on react-native-navigation but I am stuck with a simple problem. The app has a login page which doesn’t have tabs. (very much similar to facebook login page)(Image ref - The image is just to give an idea. Image Courtesy - …
6
votes
0 answers

RCC Manager issue in react-native-navigation

I am trying to implement the react-native-navigation tab bar in a react native project, although I keep getting the error: 'undefined is not an object(Evaluating RCCManager.setRootController)'. I first installed react-native-navigation, then…
red_student
  • 316
  • 2
  • 6
  • 16
5
votes
1 answer

React navigation v6 Modal with ScrollView inside - swipe down modal when top scrollview reached

I have a problem with the modal-presentation of react-navigation v6 to present a modal with ScrollView inside of it. Actually if I enable gesture to swipe down the modal, it doesn't work if there is a ScrollView inside and I can swipe down only on…
5
votes
0 answers

Pausing an activity that is not the current activity, this is incorrect - React Native

I have an activity BasicReactActivity which extends ReactActivity. I use this activity as a base activity to host my react-native views. I have a use case where I am opening multiple instances of BasicReactActivity one on top of the other. I face…
Swapnil
  • 1,870
  • 2
  • 23
  • 48
5
votes
2 answers

How to achieve 'goBack' in React-Navigation/Drawer 6

I'm having problem in implementing 'goBack' function in React-navigation/drawer 6 ("@react-navigation/drawer": "^6.1.4", precisely). I was able to perfectly achieve it in react-navigation/drawer 5 with the following codes:
5
votes
4 answers

How to set react-native drawer header icon ('Hamburger') to the right side?

I set the drawer right-side, but the hamburger icon, in the screen header, stays default left side, Is there any property to pass through to change position to the right? I know it should be done with configuring a custom header, but I don't want to…
5
votes
0 answers

React Navigation: Back button very slow to execute

Sandbox app which contains two screens with React Native Stack navigator. When using The buttons to explicitly call 'navigation.navigate("Desired Screen")' the app performs decently well. However, when trying to use the back button (auto created on…
user7858768
  • 838
  • 7
  • 22
5
votes
2 answers

React navigation bar header has a margin on the left

I am using React-Navigation and StackNavigator to implement a navigation bar at the top of my react native app, which shows the app logo centered and a menu button on the right. I cannot get it to take up the complete space of the header container…
stefanS
  • 312
  • 4
  • 17