React Native Sample

###環境構築

ReactNativeを使ってみる

brew install node

brew install watchman

brew install flow

brew install -g react-native-cli

brew install init ReactNativeSample

npm i -g npm

React NativeでのAndroidアプリ作成入門 | 環境構築編

• AndroidStudioインストール
• JDKインストール

###テスト実行

react-native run-ios

react-native run-android

###編集

ボタンを追加

1. App.jsを開く
2. importにButtonを追加
3. render()内に<Button ~ />を追加

###ナビゲーション追加

React Navigaiton

import { StackNavigator } from 'react-navigation';

export const SimpleApp = StackNavigator({
  Home: { screen: HomeScreen },
  Chat: { screen: ChatScreen },
});

export default class App extends React.Component {
  render() {
    return <SimpleApp />;
  }
}

###ファイル分割

import HomeScreen from './HomeScreen';

export default class HomeScreen extends React.Component {
}