create-native-di/src/App.js

cli สำหรับ react native ที่มีตัวอย่างโครงสร้างพื้นฐานพร้อมใช้งานประกอบไปด้วย package หลักๆ เช่น mobx,moment,lodash และรองรับภาษา javascript es6 และมี di สำหรับสลับ Store ที่จะติดต่อ api กับ fake mockup ที่สร้างขึ้นเอง ^^

import React from "react"
import { Root } from "native-base"
import { StackNavigator, DrawerNavigator } from "react-navigation"

import { Provider } from 'mobx-react';
import Store from './boot/store';
import FakeStore from './boot/store.fake';

import Login from "./screens/login"
import SideBar from "./screens/sidebar"
import JobList from "./screens/job-list"
import JobDetails from "./screens/job-details"
import ReceiveGoods from "./screens/receive-goods"

const Drawer = DrawerNavigator(
  {
    Login: { screen: Login },
    JobList: { screen: JobList }
  },
  {
    initialRouteName: "JobList",
    contentOptions: {
      activeTintColor: "#e91e63"
    },
    contentComponent: props => <SideBar {...props} />
  }
)

const AppNavigator = StackNavigator(
  {
    Drawer: { screen: Drawer },
    JobDetails: { screen: JobDetails },
    ReceiveGoods: { screen: ReceiveGoods }
  },
  {
    initialRouteName: "Drawer",
    headerMode: "none"
  }
)

export default () =>
  <Provider {...FakeStore}>
    <Root>
      <AppNavigator />
    </Root>
  </Provider>