Использование магазина mobx в реагирующей навигации createStackNavigator

Question

Я хотел бы использовать переменную хранилища Mobx в createStackNavigator для реагирования на навигацию.В частности, я хотел бы динамически изменить исходный маршрут (чтобы пользователь мог изменить начальный экран) с помощью магазина.это будет возможно?Что-то в строке ...

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

Поскольку это не класс, я не могу интегрировать mobx store.Любые идеи динамического изменения начального маршрута приветствуются!Спасибо

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 />;
  }
}