What I tried as below
class App_ extends Component {
render() {
return (
<Router store={store}>
<Scene key="root">
...
</Scene>
</Router>
)
}
}
@inject( 'store' ) @observer
class ForIntlProvider extends Component {
render() {
return (
<IntlProvider locale={store.locale} messages={all[store.locale]}>
<App_/>
</IntlProvider>
)
}
}
export default class App extends Component {
render() {
return (
<Provider store={store}>
<ForIntlProvider/>
</Provider>
)
}
}
But it was not successful. In order to use react-intl, App_ should be wrapped by IntlProvider which needs mobx store as well.
Now react-native-mobx just uses store props in Router component.
What shall I do?
What I tried as below
But it was not successful. In order to use
react-intl,App_should be wrapped byIntlProviderwhich needs mobxstoreas well.Now
react-native-mobxjust usesstoreprops inRoutercomponent.What shall I do?