react-native-mobx
react-native-mobx copied to clipboard
Let me know how to integrate with react-intl
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?
I created a small library that might help you https://github.com/Sqooba/mobx-react-intl/blob/master/README.md . The goal is to integrate mobx-react with react-intl. I didn't test it on react-native yet though.