我有一个使用 React Native 的应用程序,我正在使用 react-navigation (5.2.9)。
我构建了一个 Stack.Navigator,我有我的屏幕,但我希望页脚组件在外面,以便它在所有屏幕中呈现。问题是,我无法从页脚导航,这是我需要做的,因为页脚有几个应该改变屏幕的按钮:
const Stack = createStackNavigator();
const App = () => {
return (
<Provider store={store}>
<NavigationContainer>
<Header />
<Stack.Navigator>
<Stack.Screen
name="Home"
component={HomeScreen}
options={{
headerShown: false
}}
/>
<Stack.Screen
name="Login"
component={LoginScreen}
options={{
headerShown: false
}}
/>
</Stack.Navigator>
<Footer />
</NavigationContainer>
</Provider>
);
};
Run Code Online (Sandbox Code Playgroud)
如何将导航道具传递给页脚组件?