小编Car*_*teu的帖子

如何从 stack.navigation 之外的组件使用 navigation.navigate

我有一个使用 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)

如何将导航道具传递给页脚组件?

react-native react-native-navigation

11
推荐指数
3
解决办法
1万
查看次数