Как использовать MobX с реакции-нативной навигацией от Wix?

Question

Цитата с сайта:

Мы полностью поддерживаем Redux, MobX и другие библиотеки управления состоянием.

Но если я пытаюсь передать store и Provider в registerComponent (), я все равно получаю сообщение об ошибке, что Reaction-Mobx не может внедрить хранилище, которое не существует. Также я попробовал Provider от Megahertz, но кажется, что этот код устарел.

Есть ли какие-нибудь способы использовать реагирующую нативную навигацию v2 с mobx?

Answer 1

Если вы создаете HOC, в которой вы предоставляете магазин провайдеру, он работает.

const addStore = (Component, ...props) => {
  return class App extends React.Component {
    render() {
     return (
      <Provider venues={Stores}>
        <Component {...{
          ...this.props,
          ...props,
        }} />
      </Provider>
    );
   }
  }
};

export async function RegisterScreens() {
  Navigation.registerComponent('venuesOverview', () => addStore(VenuesOverview));
}