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
3 answers

React Native: Stack Navigator mode='card' or mode='modal' is not working (expo project)

Neither mode="card" or mode="modal" is working while Stack Navigating. Tested in OnePlus 5T and Android Studio(Google Pixel) On Android and IOS, default Stack Navigator mode is "card", but when tested, a simple navigate transition takes place. Even…
4
votes
0 answers

React Native Net Info it works once

native-info package like tutorial but just enters once and initial render, I implemented App.js is my initial rendering page and I use redux and react nativagiton to App.js return method I confuse why console.warn triggered once and initial render,…
4
votes
1 answer

React-native-navigation check if componentId exists before push

I am using react-native-navigation library to navigate through screens in my app, the problem is that if I navigate to a screen by pressing a button and press fast multiple times then that particular screen opens multiple times. My question is if…
4
votes
1 answer

TextInput on React-native-paper is not working

I wanted to get an input on Card from react native paper. I tried to put the textInput in card, card.title, card.content or card.actions, and it is not working, what am I doing wrong? is there any work around on this? Here is the code I am working…
4
votes
1 answer

How to update an initial param when prop has changed its value in React Native Navigation

I have a prop that changes when I update the state. How do I update my initial params when passing data to a screen? props.authMsg gets updated, but not the initial param
4
votes
1 answer

How to Unmount a screen when moving to another in React Native

I'm developing a React Native app using React Navigation v4, React Hooks and ES6. I have 2 bottom tabs (Movies, Shows) and 4 screens with the following Stack structure: **Movies** -- MovieList -- MovieDetail **Shows** -- ShowList --…
4
votes
1 answer

Stuck on splash screen on first launch but if we don't kill app and launch app again the app works fine. (react-native) Android

I have upgraded code to react-native 0.59.9 from 0.53.3. I think I may have missed some essential steps and getting launch issues. Please check and help me to make app work fine. React Native Navigation version: 4.0.6 React Native version:…
4
votes
0 answers

Does react-native-navigation creates an activity for every screen in android platform?

I have seen that react-native-navigation provides a completely native navigation for react-native. And I know that react-native applications run on a single activity (MainActivity.java) on Android. So my question is: does react-native-navigation…
4
votes
1 answer

React Native Navigation (6.3.2) - How to hide top statusBar completely in Android (see screenshot)

I am trying to build a new react-native application using react-native-navigation. earlier we have an application which is using v2.x of react-native-navigation and I am able to work with the navigation properly, where the notch and statusBar was…
4
votes
3 answers

How to pass data back to previous screen in react native navigation v5?

I just updated to react native navigation version 5. Now I am trying to send data back to previous screen on goBack() call. I push next view with const onSelectCountry = item => { console.log(item); }; navigation.navigate('SelectionScreen', { …
4
votes
2 answers

Resetting React Stack Navigator from Another Stack

I have an issue with resetting Stack Navigator when inside another Stack navigator, here's the scenario: User lands on Book List screen User navigates to Book Detail screen User switches to Settings screen through bottom navigation / tabs User…
Kim
  • 65
  • 6
4
votes
0 answers

Migrating from react-native-navigation V1 to V2

After I have upgraded successfully from RN 0.55.4 to 0.59.10 I found that RNN V1 is not working So I have migrated to RNN V2. In addition I needed to change the code, because it seems that the function “Navigation.startSingleScreenApp ({ “ did not…
Pedro
  • 41
  • 2
4
votes
1 answer

Render flash while using setRoot or push in react native navigation

I am using wix/react-native-navigation I am having white flickering screen while using setRoot or push methods in navigation. I tried setting waitForRender: true , but it docent help . snippet I tried dosen't work. animations: { setRoot:…
4
votes
1 answer

Passing state through navigation props

Can someone explain me why this doesn't work as I expect to. I'm trying to navigate from a screen to another using react navigation and I want to pass a value from state from a screen to another (I keep my value from state in parent component and…
4
votes
1 answer

React Native call function from navigation

I'm using React native navigation. (Stack Navigation). But I can't call function in navigationOptions. Not working. import React, { Component } from 'react'; import { StyleSheet, View, Text, TouchableHighlight, AsyncStorage, Alert } from…