Most voted "react-navigation" questions
67 questions
Sort by count of
-
3
votes1
answer69
viewsReact Native Hooks
I have these two classes and want to move to two functions without using this. Only with Hoocks(useNavigation). Página Home: import React, { Component } from 'react' import { Text, View,…
-
2
votes0
answers566
viewsHow to disable the back button on certain React Navigation routes with React Native
Hi, I’m working with React Navigation and I’m having problems regarding the "back" button on certain screens. My Navigator is as follows: import React from 'react' import { FluidNavigator } from…
-
2
votes1
answer1187
viewsSwitch between Tabnavigator and Stacknavigator in React Native
I have a Tabnavigator (used with createBottomTabNavigator), and all my screens are on it, I use it as a navigation menu in the application and it works right too. But inside one of these screens I…
-
1
votes1
answer331
viewsReact Native request the api via navigation response
Main.js import React, { Component } from 'react'; import api from '../service/api'; import { View, Text, FlatList, TouchableOpacity, StyleSheet } from 'react-native'; export default class Main…
javascript react react-native react-router react-navigationasked 5 years, 3 months ago Felipe Santos 96 -
1
votes1
answer948
viewsReact Native: Remove goBack() function from Android’s physical button?
I need to remove the Back Screen Action from the physical button of Android at any given time. Basically, I have a method that shows my Searchbar, while the Searchbar is visible, I need the action…
-
1
votes1
answer4677
viewsUndefined is not an Object (evaluating '_this.props.navigation.navigate') React Native
I have this signOut function that I call through a button, but when I press the exit, where it calls a onPress: () => this.props.navigation.navigate('SignIn') it returns the following error Does…
-
1
votes1
answer466
viewsI can’t center the title
Using React-Native and React-navigation, for some reason nothing I tried worked to centralize the title. Attempts: Alignself export default class First extends React.Component { static…
-
1
votes1
answer295
viewsHow to change a state of a Component in React navigation
I need to change a state within a function of React navigation, this state will change a behavior in the Component function TabOneNavigator({navigation}) { React.useEffect(() => { const…
-
0
votes1
answer1420
viewsHow to inhibit the "back" button in an React Native application using React-navigation-Fluid-Transitions
I’m creating a mobile application that uses as a basis react-native. To make the transition between the screens and to have a better user experience, I am using the libraries react-navigation and…
react-native react-navigation react-navigation-fluid-transitionsasked 5 years, 8 months ago LeandroLuk 4,989 -
0
votes1
answer462
viewsHow to disable React Navigation Drawer on specific routes
Hello, I’m creating an application that should not display Drawer on specific routes like login, registration, etc. Currently my file is like this: import React from 'react' import { FluidNavigator…
-
0
votes1
answer79
viewsReact-navigation v2 how to send Component by params
I’m trying to send a Component to a new route via params, but the way I’m doing it doesn’t work. Can anyone point out my mistake? Component A this.props.navigation.navigate('ModalInput', { input: {…
-
0
votes1
answer2051
viewsDifference and good practices, either global or React Native context
I’m new to React Native and would like to understand in an objective way: What’s the difference between using global.variavel = foo; or create a context api? 'React recently implemented Context Api…
-
0
votes1
answer512
viewsRoutes with undefined parameters
I have a Flatlist where each card directs me to a new screen: render() { return ( <TouchableWithoutFeedback onPress={ () => this.props.navigation.navigate('Post', { "title":…
-
0
votes1
answer2028
viewsHow to prevent an React Native application from returning by clicking on the Backbutton using React Navigation
Hello, I am creating an application in React Native, and for the browsing I have been working with the plugin React Navigation. The structure of my project is like this: import React from 'react';…
react react-native react-navigation react-navigation-fluid-transitionsasked 5 years, 7 months ago LeandroLuk 4,989 -
0
votes1
answer104
viewsLogin React Native + Firebase error using "Switchnavigator"
Error (Undefined is not a Function (near '...(0, _reactNavigation.Switchnavigator)...')) when compiling application. I need that when logging in is directed to the screen "Main". import React from…
-
0
votes2
answers2621
viewsRedirect to "Home" screen after login validation - React Native + Firebase
I need to implement in the code below the command so that the user is validated is redirected to the screen "Home". The changes I’ve made haven’t solved my problem. I can create the user, save in…
javascript react react-native react-router react-navigationasked 5 years, 7 months ago Philipe Said 138 -
0
votes1
answer853
viewsTypescript with React-navigation
I have a doubt in typing the prop Navigation of a functional component, my code is currently like this: import React from 'react'; import { Container, Button, ButtonText } from './styles'; import {…
javascript typescript react react-native react-navigationasked 4 years, 5 months ago Henrique Hermes 343 -
0
votes1
answer41
viewsTitle on the back button
import React, { Component } from 'react'; import api from '../service/api'; import {View ,Text, StyleSheet, Image, FlatList, Dialog} from 'react-native'; import Cabecalho from…
-
0
votes1
answer23
viewsProgramming navigation React Navigation
Is there any way to do programmatic navigation using lib @React-navigation in React Native? I am validating outside the React files . JSX and wanted to "push" a route if any conditions are met…
-
0
votes0
answers168
viewsImage in Drawer updating several times
I’m building an application with React Native and React Navigation, I’ve made all the settings and it’s working, however, when Drawer is triggered the image is updated multiple times without causing…
-
0
votes4
answers444
viewsNavigatdraweror does not work
I performed the configuration of Drawernavigator on with the React-navigation 3.x, it seems the code is correct, but it just doesn’t work, so I swipe the finger through the screen it just doesn’t…
-
0
votes1
answer554
viewsDestroy Screen when Navigating the Drawermenu in React Native
I have an application in React Native, and I use the DrawerNavigator as a navigation menu, but when I go from one screen to the other, I would like the previous one to be destroyed. So when I get…
-
0
votes1
answer54
viewsDoubt about React-Router
My App.jsx has a Browserrouter with Nav, Footer and between them the Routes, but I want a /admin that does not render the Nav and Footer. But necessarily when I add /admin to the Routes it pulls Nav…
-
0
votes2
answers790
viewsI can’t redirect to another screen
I have an application in React Native with the initial route pointing to the Authloadingscreen screen that checks if the user is logged in and redirects to Login or Home, as the user is not logged…
-
0
votes1
answer47
viewsI cannot add the React-navigation library to my React-Native project!
I’m trying to use Yarn add React-navigation in my project, but I can’t add the library keeps popping up this error. I have already deleted package.lock.js, however error still appears. info…
-
0
votes1
answer31
viewsWant to open two separate menus in my app?
I have a tab that opens my drawer: <Tab NavMenu={() => this.props.navigation.openDrawer()} NavProfile={() => this.toggleOpenProfile()} /> In my navigation it’s like this const AppDrawer…
-
0
votes1
answer85
viewsHow do I change the title name via i18next in the Active Act browsers?
I’m having a problem changing the name of tabBarLabel of createMaterialBottomTabNavigator by means of the i18next, because the routes are neither functions nor component, so I did it by this mode,…
-
0
votes1
answer1875
viewsReact Navigation Error: Undefined is not an Object (Evaluating '_this.props.navigation')
I’m facing the following mistake: Router.js import {createAppContainer, createStackNavigator} from 'react-navigation' import Main from './telas/Main' import Voluntario from './telas/Voluntario'…
-
0
votes1
answer21
viewsMaterialbottomtabs - Outside the screen boundary
Hello, I’m developing an app with Expo and I’m using React Navigation to do the navigations and Materialbottomtabs on the main screen. How much test the app in Android Expo Client works perfectly,…
android react-native apk react-navigation expoasked 4 years, 7 months ago Mendes Desenvolvimento 11 -
0
votes1
answer203
viewsSide Menu is not displayed in the app made in React-Native
I’m developing an APP in React-On, I need to display a menu-left side. Although it does not display any error message, the side menu does not appear. I am using React-navigation-Drawer to create the…
android react react-native react-navigation react-routerasked 4 years, 6 months ago alexjosesilva 3,119 -
0
votes1
answer352
viewsError 4294963238 - React-Native-Gesture-Handler with EXPO
I’m using the Expo together with React, and when I try to install the react-native-gesture-handler with the expo install command react-native-gesture-handler I have the following error: npm ERR!…
-
0
votes1
answer663
viewsHow to receive data in an React Native component?
Hey, there, you guys! I am studying React Activate and I came across a problem that I could not solve, I tried in every way and searched in several places :( I have a list of employees and each…
-
0
votes2
answers1538
viewsUpdate useEffect from the navigation.goBack page?
I’m developing a App in ReactNative using Expo, but I can’t update the useEffect(() => {}, []) of the previous route from navigation.goBack(). Example: Here time the Index page. function Index(){…
react-native react-navigation react-router react-hooks expoasked 4 years, 2 months ago Jéfferson Maurício 73 -
0
votes1
answer45
viewsReact Navigation | How to use Navigation inside an React component?
I have an app with a main screen where everything should happen. I am using the lib React-calendars to render the calendar and below there is the content of the application, which would be divided…
-
0
votes1
answer818
viewsReact Navigation with Typescript
I created a project with React-Native and Typescritpt, imported the components from React-Navigation, and when using the property screenOptions inside Navigation it shows the following error. No…
-
0
votes0
answers69
viewsNavigation error with React Native
I’m developing an application in React Native with three types of browsing: Drawer, Bottom Tab and Stack Navigator. I entered these three types of navigation but shows the following error: He says I…
-
0
votes1
answer158
viewsProblem importing function in React Native
Hi, I’m making a React app on using expo and am having the following error; I’ve tried everything, as far as I understand he’s not recognizing the function LoginScreen in; <Stack.Screen…
-
0
votes2
answers539
viewsHow to Disable React Native Back Button
Hello, I would like to know how I disable the return button of the createMaterialTopTabNavigator, from React-Native, in version 5. I managed to Disable the native button this way: import React,…
-
0
votes1
answer352
viewsReact Navigation passing parameters to Brother Stack route
Hello, I have the following structure: Workouts index.jsx Workoutinfo index.jsx Home index.jsx Profile index.jsx Notifications index.jsx It’s a regular Home page and a Workouts page that shows all…
-
0
votes2
answers429
viewsPassing parameter navigation from stack navigation to child component
I’m new to React On and I’m building an app where I need to rethink the same code several times with only a few differences, so I’m creating components for this, but in one of the components there…
-
0
votes0
answers14
viewsProps.route.params is not changed by clicking on Drawer Navigation item
I’m having the following problem using React Navigation (version 5.x): I have a Drawer Navigation where I use two routes, one of Home and one of Registration/ Details. How I use the Register screen…
-
0
votes1
answer31
viewsProblem with Stack Navigator - React Native
I’m developing an application in React Native and I’m using expo, I’m having problems with Stack Navigator, I’ve reviewed the documentation, I don’t know what else to do. On App.js I have this:…
javascript react-native app react-navigationasked 2 years, 10 months ago João Vitor Mancio Chaves 1 -
0
votes0
answers18
viewsI am unable to render Tabnavigation content
I implemented React Navigaton’s Bottomtabnavigation in one app and it has two tabs: home and about. About.js has content, but it doesn’t appear on the screen, I thought it was behind another…
-
-1
votes1
answer355
viewsIs it possible to update a tab with React navigation whenever I access it?
It is possible to update a tab with React navigation whenever I access it? for example I have 2 guides "Home" and "Settings"... If in the home tab I use navigation.Navigator('Settings'), the guide…
-
-1
votes1
answer43
viewsMy Drawer opens but does not display pages, such as displaying my pages in Drawer Navigator (React Native)
I’m using the React Navigation v4. I created an Routes file to redirect my pages. But I have a problem: I created a Drawer Navigator, and it is being displayed, but when it opens, it only shows the…
-
-1
votes2
answers546
viewsDrawer Navigator does not open - React Native Navigation
I’m doing a project in React Native using the React Navigation 3.x and trying to use the Drawer Navigator, I’ve used it on React Navigation 2.7 and it worked perfectly, only now for some reason it…
javascript mobile react-native navigation-drawer react-navigationasked 5 years, 4 months ago Bruno 83 -
-1
votes1
answer736
viewsTypeerror: Cannot read Property 'navigate' of Undefined
I can do the navigation of my page of Main for page Home but I can’t do Home for Athletes, where the configuration ta equals. I’m using a guy in the middle, so it would be from my page Home I call…
-
-1
votes0
answers16
viewsText directing to another screen
I’m developing an app in react-native and he’s exhibiting very strange behavior. I have a component TEXT that receives a value from the database, but when I touch that TEXT he’s calling another…
-
-1
votes1
answer662
viewsReact Native error in React-navigation-stack on Android
Hello, I’ve tried to solve this problem with various solutions and nothing, always give me the same mistake. I did all the procedures you tell me on his website for me to do, createStackNavigator,…
-
-1
votes1
answer518
viewsReact-Native: Home icon does not appear after adding Stack Navigator
Hello! When I just add Tabnavigator, all icons appear on the tab, however, when I add stackNavigator in the Home.js file, only the first icon (Start) does not appear. I’ve searched some forums and…