Отключить модал React Navigation при изменении состояния Redux - PullRequest
Новая
       43

Отключить модал React Navigation при изменении состояния Redux

0 голосов
/ 05 июня 2019

Это легко достигается с помощью встроенного React Native Modal , в котором visibility опору можно передать состояние из Redux.

При наличии нескольких React Navigation модальные экраны как можно отменить определенный модал при изменении состояния Redux .

В React Navigation docs показано использование props.navigation.goBack() для отклонениямодальный, когда кнопка нажата.В React Navigation API docs указано, что клавиша навигации может быть передана в goBack() для возврата с определенного экрана.

Для 2 модальных экранов, созданных следующим образом: 

const RootStack = createStackNavigator(
  {
    Main: {
      screen: MainStack,
    },
    LockModal: {
      screen: LockModal,
    },
    OfflineModal: {
      screen: OfflineModal,
    },
  },
  {
    mode: 'modal',
    headerMode: 'none',
  }
);

... и 2 логических свойства в Redux isLocked и isOffline.

Я предполагаю, что могу закрыть автономный модальный режим, вызвав props.navigation.goBack('OfflineModal'), но где вмой код я должен прослушать изменения isOffline и позвонить navigation.goBack('OfflineModal')?

Я все об этом не так?

...