All Questions
Tagged with react-native react-navigation
7,246
questions
273votes
31answers
313kviews
Hide header in stack navigator React navigation
I'm trying to switch screens using both stack and tab navigator.
const MainNavigation = StackNavigator({
otp: { screen: OTPlogin },
otpverify: { screen: OTPverification},
...
- 2,931
107votes
26answers
154kviews
Disable back button in react navigation
I'm using react native navigation (react-navigation) StackNavigator.
it starts from the Login page throughout the whole lifecycle of the app. I don't want to have a back option, returning to the ...
- 1,473
96votes
15answers
146kviews
Resetting the navigation stack for the home screen (React Navigation and React Native)
I've got a problem with the navigation of React Navigation and React Native. It is about resetting navigation and returning to the home screen.
I've build a StackNavigator inside of a DrawerNavigator,...
- 1,749
91votes
17answers
103kviews
How to navigate between different nested stacks in react navigation
The Goal
Using react navigation, navigate from a screen in a navigator to a screen in a different navigator.
More Detail
If I have the following Navigator structure:
Parent Navigator
Nested ...
- 1,313
90votes
13answers
152kviews
React navigation goBack() and update parent state
I've a page that will render the user's name if s/he is logged in or "Create an account" or "Sign in" option if s/he not. Screen as below
They can navigate to "Sign in" or "Create an account" page. ...
- 1,825
89votes
3answers
27kviews
React Navigation vs. React Native Navigation [closed]
What are the technical differences between the main two React Native navigation solutions: React Native Navigation and React Native?
React Navigation
React Native
Navigation
Are there specific ...
- 1,112
77votes
27answers
134kviews
How to get current route name in react-navigation?
I want the name of the current route or screen in react-navigation which I want to use inside if condition to make some changes.
- 1,075
69votes
34answers
91kviews
How can we center title of react-navigation header?
React-navigation docs are still young, and reading through the issues is not working quite much for me (changes on each version) does anyone have a working method to center title in Android using ...
- 5,847
68votes
10answers
80kviews
React-Navigation with Login Screen
I am trying to use react-navigation to create an initial LOGIN screen that has no tabbar and header, and once the user has been successfully authenticated will navigate to another screen called ...
- 1,659
63votes
4answers
24kviews
React Navigation: Swipe on drawer does not work in Android
I have been searching for a solution for a long time, but surprisingly, I think nobody has faced it yet. So I am posting it.
I have created a simple Drawer Navigator with React Navigation V3. I have ...
- 2,438
62votes
4answers
60kviews
How to get a height of a Keyboard in React-Native?
I am using React-Navigation in my app and the app consists of StackNavigator with multiple screens, some screens of which have TextInput with autoFocus={true}
Problem: on these screens when the ...
- 6,790
59votes
8answers
136kviews
How to Pass Parameters to screen in StackNavigator?
My React Native code:
import React, { Component } from 'react';
import { AppRegistry, ActivityIndicator, StyleSheet, ListView,
Text, Button, TouchableHighlight, View } from 'react-native';
...
- 3,056
56votes
6answers
77kviews
react-navigation: Detect when screen, tabbar is activated / appear / focus / blur
Perviously when I wanted to make some actions when screen is opened I put them inside componentDidMount. For example I can fetch some data.
like this.
componentDidMount() {
this.updateData();
}
...
- 2,731
49votes
20answers
60kviews
undefined is not an object (evaluating 'RNGestureHandlerModule.State'
I have installed react-navigation in my React Native project. Its a starter project doesn't have any codes. But while running project I am facing error like this.
Here is my Navigation code
import {...
- 6,211
46votes
6answers
105kviews
React Navigation back() and goBack() not working
I'm trying to go back two screens. The goal is to go from EditPage to Cover. Here is my navigation stack:
Main -> Cover -> EditCover -> EditPage
I read the docs and it says to supply a key ...
- 12.1k