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

react native pass parameter through json

1 I am creating a student app in react native using a student api. The login api gives me email using it . I would only like to display the all student info that is email equal to the i need to send to mysql through json . i want to send parameter…
Mohamed Adan
  • 1
0
votes
1 answer

Getting error when react navigation lib upgrade to ver 6 in react native

Since I have upgraded react-navigation from version 5.x to 6.x I am facing this following issue. App crashes as soon as app launches. Potential culprit could be in following file but I have tried to comment out most of the code but I still the error…
Ahmed S. Durrani
  • 1,535
  • 2
  • 17
  • 41
0
votes
1 answer

Hide/Show - createBottomTabNavigator v6 tabBar in React Native

is it possible to hide/show the tabbar on scroll. I need to hide/show tabBar on scroll up/down - when you scroll down the page the tabbar disappears and when you scroll back up it reappears. is it's only possible with a custom tabbar? - I'm…
Ezhil
  • 111
  • 6
0
votes
1 answer

Trying to navigate from a component that doesn't have the navigation props

I was working on my Authentication and when I was trying to work on the Auto Logout I had some Problems , I coded the functions needed to logout after the expiry time but when I wanted to Navigate back to the login screen after the logout i couldn't…
Zaki Kendil
  • 237
  • 2
  • 9
0
votes
1 answer

How to get dimensions of window when using @react-navigation/native-stack and presentation: 'modal'?

I am trying to use @react-navigation/native-stack and presentation: 'modal' to get more native feel on tablets. My problem is I did not find any way how to get dimensions of modal window. I tried both useWindowDimensions() and…
alesdvorak.cz
  • 133
  • 1
  • 10
0
votes
2 answers

React Navigation Authentication Flow: The action 'NAVIGATE' with payload {"name":"HomeScreen"} was not handled by any navigator

A beginner at React Native here, trying to combine this doc with AWS Amplify Authentication to implement React Navigation Authentication Flow but I can't seem to figure out what's wrong. Whenever I click on the login button, this error …
btzy
  • 45
  • 1
  • 1
  • 6
0
votes
2 answers

Conditional Nested Navigator gives error "A navigator can only contain a 'Screen', 'Group' or 'React.Fragment' as its direct children (found '')

I have a 'shows' screen which has a list of shows, clicking goes to a show detail page. On the detail page, it has 3 tabs, but one is hidden if feedurl is blank. This throws an error when navigating to various shows that have feedurl's and then…
Marc Pope
  • 335
  • 1
  • 14
0
votes
2 answers

Why routes are loaded even the condition is not met in react navigation?

In my App.tsx I have set it up like this: export default function App() { const [user, setUser] = useState(null); return (
Endrit
  • 91
  • 3
0
votes
1 answer

Navigate to subsequent screen React Navigation 6 / React Native

Can anyone tell me what I’m doing wrong with the below: "@react-navigation/native": "^6.0.6", "@react-navigation/native-stack": "^6.2.5", "@react-navigation/stack": "^6.0.11", I’ve got this in App.js (trimmed down of course): const Stack =…
LukeVenter
  • 439
  • 6
  • 20
0
votes
1 answer

react-navigation : how to hidden the line which on the TabBar top

I'm a React-Native tyro, when I try to customed the Tab-Navigation , I found this line that I couldn't hidden it(that white line!). pic I tried to set borderColor:'00000000',but it didn't work Please help…
杀死那个少年
  • 11
  • 1
0
votes
2 answers

Alternative for NavigationActions in react-native v6

I have problem, namely the navigation in this code doesn't work: import AsyncStorage from "@react-native-async-storage/async-storage"; import createDataContext from "./createDataContext"; import trackerApi from "../api/tracker"; import { navigate }…
msw998
  • 1
0
votes
1 answer

React components not rendering when routing to new page with react-router-dom v6, failed to link to new pages

import './App.css'; import PrimaryNavbar from './components/PrimaryNavbar'; import SecondaryNavbar from './components/SecondaryNavbar'; import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import Logo from…
Shachin Magar
  • 1
  • 3
0
votes
1 answer

React-navigation crash when going back from a nested navigation

I'm using React-navigation 6 on my React native application I have two StackNavigator in a BottomStackNavigator with those screens and params on each stack : export type BottomNavigationStack = { Planner: undefined, Profile:…
Cracs
  • 425
  • 1
  • 8
  • 29
0
votes
1 answer

react-navigation child component data to parent component function [react-navigation 6]

my Senario is that I have multiple screens (CategoriesScreen, CategoryMealsScreen, MealDetailsScreen, Favorites Screen). I want to outsource my meal items into a separate component and reuse the component in both the CategoryMealsScreen and…
Parinaz Mobedi
  • 13
  • 6
0
votes
2 answers

React Navigation, how to make Stack Navigation inside Tab navigation in v6?

I'm trying to make a Tab navigation with "homepage", "profile" & "search", and inside "home" Screen, make a stack navigation with "more details" & "wishlist". I'm currently in react-navigation v6 and I'm trying like so : import {…
Matthias Lechien
  • 11
  • 1
1 2 3
…
16
17