在createStackNavigator中访问Redux变量

时间:2020-07-07 19:30:24

标签: reactjs react-native react-navigation stack-navigator

我在我的react本机应用程序中使用了stacknavigator,并希望根据redux中的变量来确定是否显示标题。

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

如何将redux变量传递给createStackNavigator?否则,有人可以建议另一种方法吗?

1 个答案:

答案 0 :(得分:1)

您可以直接导入商店并访问状态; <​​/ p>

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
        }
    }
)

仅举一个示例,说明如何使用状态:)

希望有帮助