react-navigation-v5 Questions
6
Solved
TabScreenStack.js
import { StyleSheet, Text, View, Button } from 'react-native';
import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import HomeScreen from ...
Postboy asked 6/8, 2021 at 11:54
4
Solved
I’m using materialTopTabs and it seems like this loads all the screens in the navigator once its mounted. I have a screen List and inside it a tab navigator with 2 screens: Posts and Users. These t...
Tadeas asked 16/4, 2020 at 19:40
2
Is there any way I could access navigator-screen options object inside Home component ?
<Stack.Navigator>
<Stack.Screen
name="Home"
component={Home}
options={
{
/** some o...
Gyp asked 5/6, 2021 at 9:11
4
Solved
I'm trying to make a tab bar like in the picture bellow, using React Navigation.
I tried some codes, but nothing worked. Some codes are from previous React Navigation Version. The really problem i...
Floris asked 28/5, 2020 at 18:19
2
I am trying to extract the params as follows using useRoute as follows.
const route = useRoute();
const { params } = route;
const {
id, name,
} = params;
Everything works fine but the linte...
Elburr asked 15/4, 2020 at 11:21
2
I would like to achieve something like the following but it is not possible because stack navigator accepts only Stack.Screens as children.
<Stack.Navigator>
<Provider1>
<Stack.Scr...
Aubreyaubrie asked 8/1, 2021 at 13:5
5
With TypeScript 3.9, React Native, React Navigation...
I got error:
interface StackParamList
Type 'StackParamList' does not satisfy the constraint 'Record<string, object | undefined>'.
Index...
Reuter asked 29/8, 2020 at 23:25
32
Solved
I am getting RNSScreen error even though I have installed all related packages and followed react-navigation guide (https://reactnavigation.org/docs/getting-started#installation) but nothing worked...
Drusi asked 2/4, 2021 at 15:2
3
Solved
I'm trying to make header that will animate from transparent to solid opaque color upon scrolling down using in React-Native React Navigation 5.
Starts to transition to opaque when scrolling halfwa...
Generous asked 19/8, 2020 at 9:47
3
Following is the hierarchy of my app navigators
├── appNavigator ( Bottom Tab Navigator)
├── feed (Stack Navigator)
postDetailScreen
pageDetailScreen
ProfileDetailScreen
...other screens
├── no...
Freeland asked 24/6, 2020 at 8:37
20
When I am trying to use import {createStackNavigator} from @react-navigation/stack, it gives me an error
Invariant Violation: Tried to register two views with the same name RNCSafeAreaProvider
I ha...
Springs asked 20/11, 2020 at 14:28
11
Solved
I am trying to hide the ability to press one of my routes in the drawer navigator as it is another navigator and the default location in the app. I want the drawer to simply be used for navigating ...
Intersexual asked 25/2, 2020 at 13:15
5
im trying to hide the Label. and showLabel: false is not working.
import React, {useLayoutEffect} from 'react';
import {createStackNavigator} from '@react-navigation/stack';
import {useNavigation} ...
Watchdog asked 28/1, 2021 at 14:23
1
Using React Navigation, different types of Navigators have different actions for (programmatically) navigating between screens.
For e.g. the StackNavigator, the 'pop', 'push' etc. have well-documen...
Constriction asked 12/5, 2021 at 14:28
4
i want to mock useNavigation hook used inside my functional component. Any workaround how to mock it using jest?
import React from 'react';
import { useNavigation } from '@react-navigation/native'...
Cephalization asked 13/5, 2020 at 17:41
6
Solved
React Navigation 5
I've build a StackNavigator inside of a TabNavigator, and the navigation between home screen and other screens is working. But the problem is,When I move from Tab2 to Tab1 I exp...
Intent asked 28/4, 2020 at 19:28
3
Solved
If I'm using React Navigation v5, what is the best way to pass the current state of a parent component (in my case, the main App) down through a Tab and Stack navigator to a screen that I'd like to...
Gyno asked 26/3, 2020 at 14:55
5
Solved
I am using React Navigation 5 in a project, and I'm having trouble trying to block a user from navigating back after a certain point.
The app uses a nested navigation structure similar to this:
R...
Arrester asked 19/2, 2020 at 13:55
4
Current Behavior
Hi everyone,
I want to set the background color for the Bottom Tab. So I did as below.
<Tab.Navigator
tabBarOptions={{
activeTintColor: '#FF0000',
activeBackgroundColor: '...
Honest asked 6/3, 2020 at 9:59
3
Solved
I have recently updated my project to react navigation 5.x.
In earlier version we used to set header title as follows :
static navigationOptions = ({ navigation }) => ({
title: 'find',
});
...
Cirrocumulus asked 29/5, 2020 at 7:28
3
Im using react navigation v5.. installed all the dependencies.. now Im getting above error..
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':react-native-sc...
Moulding asked 20/2, 2020 at 5:52
2
Solved
I am using createMaterialBottomTabNavigator and I want to pass parameters to the routes:
return (
<Tab.Navigator initialRouteName="Home">
<Tab.Screen name="Home" comp...
Rone asked 13/9, 2020 at 14:8
4
Solved
In React Native 0.62 is it possible to hide on scroll the tabbar created with createBottomTabNavigator from reactnavigation.org ?
I'm curious if it's possible in a similar way that LinkedIn has, w...
Suffice asked 29/5, 2020 at 23:20
2
Solved
Having two sets of stack navigators;
const SetOneScreens = () => (
<Stack.Navigator initialRouteName="AScreen">
<Stack.Screen name="AScreen" component={AScreen} /&...
Alsatian asked 16/8, 2020 at 22:14
2
I am using React Navigation v5 in my react-native project.
I have a nested stack navigator.
The parent stack navigator MyParentFlow which has a screen component which hosts another stack navigator:...
Syd asked 2/12, 2020 at 14:3
1 Next >
© 2022 - 2024 — McMap. All rights reserved.