- React native meetup ... プレゼン資料が見れる
開発 †
環境構築からプロジェクト作成、実行まで †
- create-react-native-app のインストール
$ npm install -g create-react-native-app
- スマートフォンにExpoをインストール
- Google Play などで「Expo」を検索してインストール
- わからない場合はExpo のサイトを参照のこと
- プロジェクト作成
$ create-react-native-app [プロジェクト名]
- プロジェクト起動
$ cd [プロジェクト名]
$ nom start
- 起動すると大きなQRコードが表示される
- スマートフォンでExpoを起動し、QRコードを読み込むとアプリが実行される（読み込みには時間がちょっと時間がかかる）
- App.js が index.js に相当
- 以下のような従来のプログラムの場合、最後に「export default [クラス];」を追記
:
const SimpleApp = StackNavigator({
Home: { screen: MainScreenNavigator },
Chat: { screen: ChatScreen },
});
AppRegistry.registerComponent('SimpleApp', () => SimpleApp);
export default App; <== これを追記
スタンドアローン版へのビルド †
- exp のインストール
$ npm install -g exp
Navigation †
やり方が乱立していてどれを選んだらいいのやら...
- Navigation
- 標準で提供されている
- 状態を持たず、開発者がいい感じに制御できる
- 0.43以降、非推奨になった
Tips †
- AppRegistry?.registerComponent('NativeApp?', () => App);
- Native に登録するアプリケーション名と、それに対応するアプリを指定
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
