Stack Overflow
Stack Overflow

Questions tagged [react-navigation-v6]

Version 6 of the routing and navigation library for Expo and React Native apps.

Only use this tag for when V6 specific cases are involved.

See the official docs for changes compared to : https://reactnavigation.org/docs/6.x/upgrading-from-5.x#general-changes

251 questions
0
votes
1 answer

How can I create a middle tab button like these with React Navigation?

I need to create a bottom tab navigation with React Navigation (v6) like this one: So far what I did was: import * as React from 'react'; import { Text, View } from 'react-native'; import { NavigationContainer } from…
Guille Acosta
  • 2,051
  • 23
  • 35
0
votes
2 answers

react native - Cannot select button behind "transparentModal"

I use transparentModal for open a modal in react native. Stack Group 1: Contains App Screens Stack Group 2: using transparentModal for handling modal The modal only occupies 2/3 of screen, and there are some button on the top which should be…
Luong Truong
  • 1,953
  • 2
  • 27
  • 46
0
votes
1 answer

React Native - Show native header back icon

is there a way how to show native back icon (different for android nad iOS) in custom header? I have created custom header, but have no idea how to show them. I'm using react-navigation version 6 My stack:
johny_SK
  • 5
  • 2
0
votes
1 answer

React-Navigation and installation error and first-usage

I am new to react-native or you can say new to React and I am working on react-native navigation I have installed all the required libraries as instructed in https://reactnavigation.org/docs/getting-started but when I am running my code it is giving…
MOHAMMAD SIDDIQUE
  • 223
  • 2
  • 5
  • 17
0
votes
1 answer

Stack nested inside Material Bottom Tab dont show the content when you navigate the second time (React Navigation v6)

Problem: When I navigate to the Stack inside the Material Bottom the first time, all works fine, after that you change tab and when you return the content don't render any more. Expected behavior: Every time you select the tab the Stack must be…
Victor Glez
  • 105
  • 9
0
votes
1 answer

How to change headerStyle of Drawer Navigator based on Tab Navigator

I resolved this specific problem separating in different files the navigation components, with this way the component doesn't rerender anymore First of all: i'm using React Native. I have a TabNavigator nested into a DrawerNavigator i'm trying to…
Leandro Lescano
  • 1
  • 1
0
votes
0 answers

Switch from react-native 0.59.9 to 0.66.0 and native-base in a new instance

Since I had a very dated app, react-native 0.59.9 + native-base 2.10.0, or decided to update it starting from a clean project using the classic: npx react-native init AwesomeProject at this point I also installed the new native-base 3.2.1 and I…
Nobady
  • 1,074
  • 2
  • 11
  • 35
0
votes
1 answer

onAuthStateChanged not navigating me to home screen

I have been struggling with this for days now... When I try to login it does not automatically navigate me to home screen, unless I close and open app. I am working with 3 separate components. However after I register once, this issue doesn't occur…
jonson.ncube
  • 226
  • 2
  • 16
0
votes
1 answer

How can I navigate to the top of a stack (on react-navigation-v5/6)?

Using React-Navigation v5/6, I want to navigate to the first screen of a stack (not to the last screen, which I last-visited in this stack.)? I tried using dispatch(StackActions.popToTop()). However, it causes an error if the user is already on top…
Bilal Abdeen
  • 1,627
  • 1
  • 19
  • 41
-1
votes
1 answer

React Navigation: Navigating between Nested Navigators and handling the navigation stack

I'm new to react native and react-navigation but I had a question regarding react-navigation. I want to navigate from one tab to a nested screen inside another tab. How would I handle navigating from Tab 2 (search screen) to a nested screen in Tab…
Ultraboost
  • 1
-2
votes
1 answer

How to display/hide section in screen

I created a screen(B) that has a form and the values are passed as props to another screen(A). FROM SCREEN (B) const addDetailItem = () => { if (title == null || category == null || caption == null || price == null) { …
abdulrashid ado
  • 31
  • 1
  • 6
1 2 3
…
16
17