在 createStackNavigator 中访问 Redux 变量

Question

我在我的 React 本机应用程序中使用了一个 stacknavigator，我想根据 redux 中的一个变量来确定是否显示 header。

const AppStack = createStackNavigator(
    {
        Screen1: {
            screen: FirstScreen,
            headerMode: variable.fromRedux ? "none" : "screen"
        }
        Screen2: {
            screen: SecondScreen
        }
    }
)

如何将 redux 变量传递给 createStackNavigator？否则谁能建议另一种方法来做到这一点？

Answer 1

您可以直接导入商店并访问状态;

import store from './store/index' // depends to where and how you exported the store, its just my example

const state = store.getState();

然后您可以随意使用堆栈导航器中的状态

const AppStack = createStackNavigator(
    {
        Screen1: {
            screen: FirstScreen,
            headerMode: state.headerShown ? "none" : "screen"
        }
        Screen2: {
            screen: SecondScreen
        }
    }
)

只是一个如何使用状态的例子:)

希望对您有所帮助

在 createStackNavigator 中访问 Redux 变量

Access Redux Variable in createStackNavigator

reactjs

react-native

react-navigation

stack-navigator