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...
Ornie asked 13/12, 2021 at 13:6
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 ...
Labor asked 16/8, 2020 at 21:18
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...
Animator asked 10/3, 2020 at 17:22
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...
Unchaste asked 8/9, 2020 at 12:11
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...
Towandatoward asked 9/4, 2020 at 17:49
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...
Isis asked 24/5, 2021 at 15:6
0
I am setting the theme of my Navigation Container like this
import {
NavigationContainer,
DefaultTheme,
DarkTheme,
} from "@react-navigation/native";
export default function Navigatio...
Boswall asked 21/5, 2021 at 14:23
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 ...
Ln asked 7/4, 2020 at 20:52
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...
Willie asked 9/5, 2020 at 10:20
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...
Zoogeography asked 24/2, 2020 at 11:50
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...
Argol asked 5/1, 2021 at 5:1
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...
Belemnite asked 31/3, 2020 at 15:56
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...
Chemar asked 19/11, 2020 at 0:4
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...
Grub asked 19/6, 2020 at 8:26
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...
Laundrywoman asked 28/2, 2020 at 1: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.