在 react-navigation createStackNavigator 中使用 mobx 存储

Question

我想在 react-navigation 的 createStackNavigator 中使用 Mobx 存储变量。具体来说，我想使用商店动态更改初始路线（以便用户可以更改初始屏幕）。这可能吗？有点……

const stack = createStackNavigator({
Home:{
   ...
},
{
  initialRouteName: this.props.store.initialScreen
{
})

因为这不是一个类，所以我无法集成 mobx 商店。任何动态更改 initialRoute 的想法都值得赞赏！谢谢

Answer 1

您可以通过这种方式拥有基于类的 StackNavigator：

class YourStack extends React.Component {
  render() {
    const { initialScreen } = this.props.store;

    const RouteConfigs = {
      //
    };

    const NavigatorConfigs = {
      initialRouteName: initialScreen,
    };

    const Stack = createStackNavigator(RouteConfigs, NavigatorConfigs);
    return <Stack />;
  }
}