react-navigation-v5 Questions

5

Solved

With react-navigation 4, I was able to import and use switchNavigator from "react-navigation" package. import { createAppContainer, createSwitchNavigator, createStackNavigator } from "react-na...
Breathtaking asked 25/2, 2020 at 20:26

2

Solved

I just installed react navigation version 6 and i received below error Attempt to invoke interface method boolean com.swmansion.reanimated.layoutReanimation.NativeMethodsHolder.isLayoutAnimationEna...

1

I would like to disable the screen animation for the header part of the Stack Navigator. I have a common custom Header defined in the Stack Navigator via screenOptions. And have default animations ...
Murtha asked 3/2, 2021 at 9:9

2

I am using @react-navigation/stack in my expo app and everything has been working fine. I wanted to start to add tab/drawer navigation to my app and keep running into the following 2 errors when I ...

3

Solved

I have created a custom drawer navigator using react navigation version: 5.X, But the current active tab is not getting highlighted in custom drawer menu. I have added 'activeTintColor' in Drawe...

4

<Stack.Navigator> { isLogin ? <ComponentA /> : <ComponentB /> } </Stack.Navigator> const ComponentA = () => ( arrA.map( v => <Stack.Screen name={v.name} compo...
Fiddlestick asked 18/5, 2021 at 10:29

2

Solved

I am trying to useFocusEffect to rerender a component in my view when I focus the view. I did: const [theKey, setTheKey] = useState(0); Then: useFocusEffect(() => { setTheKey(theKey + 1) }, [th...

4

Solved

I can't seem to configure header to be null in the new version of React Navigation. I can set it to transparent, using the headerTransparent option, but this it looks like the header is still there...
Ghastly asked 28/2, 2020 at 2:12

4

Solved

So I have nested navigators Main BottomTab.Navigator Profile Bottom Tab # 1 (Stack.Navigator) Profile View (Screen) Followers (Screen) Following (Top Tab.Navigator) Pages (Screen) Groups (Screen...

1

Solved

i've implemented theming support into my app with react-navigation, as you can see below. i am using the system theme settings, and my app follows this rule this is working great, but there's one t...
Selfrespect asked 28/6, 2021 at 9:49

1

I dynamically set the "headerShown" screen option but I can't sort out how to read the options from within a functional component <Stack.Navigator screenOptions={{ headerShown: showH...
Ciceronian asked 24/8, 2020 at 0:19

2

Solved

i still trying to understand this react navigation 5.0. Fyi i'm using expo, and right now no problem when navigate from one page to other, problem is when i put navigation for the headerRight. i pu...
Nebulosity asked 1/6, 2020 at 6:55

1

Im using React Navigation x5, I have StackNavigator that's loading bunch of screens. I want to unmount one particular screen component on blur to get the same result of using unmountOnBlur when usi...

0

I am setting the theme of my Navigation Container like this import { NavigationContainer, DefaultTheme, DarkTheme, } from "@react-navigation/native"; export default function Navigatio...

2

Solved

My app has a TabNavigator with a StackNavigator in each Tab. I'm not resetting the stacks when navigating between them by clicking on different tabs, so when you change tab, the stack contains the ...

2

I have a nested component, and I want to use withNavigation in the nested component in react-navigation v5.
Kelikeligot asked 25/5, 2020 at 5:33

3

Solved

I'm using react-native-testing-library and after upgrading react-navigation from 4 to 5, I followed these instructions: https://callstack.github.io/react-native-testing-library/docs/react-navigatio...

4

Solved

I'm trying to add an icon to each of the screens in my react-navigation drawer, but the icon doesn't appear. Here is my code : function Drawer() { return ( <Drawer.Navigator drawerStyle={sty...

1

Solved

In my react native project I have custom drawer with screens like screen1 and screen2. Screen1 is used for stack navigator and in Screen 2 it contains tab navigator. How to enable this kind of nest...

3

guys I wanted to configure header with static navigationOptions = ({ navigation }) => { } I use react navigation v5 Tell me, I understand correctly that now it is possible to get header set...
Teletype asked 5/5, 2020 at 10:56

3

Solved

Recently I have started using React Native 0.61.5 and React navigation 5.x. Now I need to pass a parent function into a child screen. For example, I want to change navbar icon by pressing button in...

1

Solved

I'm adding TypeScript to my React Native/React Navigation 5 Navigator, but having an issue with Adding EventStackParams to the createStackNavigator(). I've looked through the React Native 5 Docs, S...

2

The structure of my react navigation is like this : BottomTabNavigator => Navigator => Components This is the skeleton of the App.js. The whole application is wrapped up in a bottom tab navigation...

1

I'm looking to create a Stack Navigator that can handle animating specific elements between 2 screens. Fluid Transitions looked like a library I could use, but it doesn't support react-navigation 5...

0

I am practicing in React Native and Expo a very basic project. The project does not use ejected projects so I cannot directly interact with the projects of the specific platforms (Android & iOS...
Buggs asked 8/11, 2020 at 6:54

© 2022 - 2024 — McMap. All rights reserved.