Minimal Mobx Setup

Home.js

import 'babel-polyfill';
import React, { Component } from 'react'
import {
	View
} from 'react-native'
import { observer, inject } from 'mobx-react'

@inject('appStore') @observer
class HomeScreen extends Component {

	render() {
		const { appStore } = this.props
		return (
			<View>
			</View>
		)
	}
}

export default HomeScreen

index.js

import React from 'react'
import { Provider } from 'mobx-react'
import store from './store'
import RootStack from './RootStack'

export default (() => (
  <Provider appStore={store} >
    <RootStack />
  </Provider>
))

store.js

import { observable, action } from 'mobx'

// App Initial State
const appStore = {
  userId: undefined,
  isAddModalVisible: false,
  securityFormError: undefined
}

// create the state
export default observable.map(appStore)