React Native
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
-[[React Native:https://facebook.github.io/react-native/]]
-[[React Nativeで変わるアプリ開発 高木 健介 先生 - Schoo...
-[[React Nativeとネイティブアプリでの開発の違いとは:https...
-[[ReactNativeで何が出来るのかさっと知れるサイト、その他...
-[[React Nativeはアプリ開発者の夢を見るか？ - アニマネ開...
-React native meetup ... プレゼン資料が見れる
--[[React.js meetup × React Native meetup:https://react-n...
---[[What is React Native?:https://speakerdeck.com/janusw...
--[[react-native meetup#4:https://react-native-meetup.con...
--[[react-native meetup#3:https://react-native-meetup.con...
--[[react-native meetup#2:https://react-native-meetup.con...
--[[react-native meetup#1:https://react-native-meetup.con...
-[[create-react-native-app触ってみた！！:http://qiita.com...
-[[create-react-native-appとexpoを使って10分でプッシュ通...
-[[React Nativeアプリの開発環境をコマンド一発で構築する「...
-[[Expo、iPhoneなどでReact Nativeアプリのリアルタイムプレ...
-[[Expo Sketch:https://snack.expo.io]] ... ここでコードを...
-[[ReactNative とFlutter パフォーマンス比較:https://recru...
-[[React Native導入ガイド - 環境構築からクロスプラットフ...
-[[【入門】はじめての React Native:https://qiita.com/nsky...
-[[React Nativeでメモアプリを作ろう～作成画面の構築と実デ...
*開発 [#e7a7b478]
**環境構築からプロジェクト作成、実行まで [#t2cf343e]
-create-react-native-app のインストール
$ npm install -g create-react-native-app
-スマートフォンにExpoをインストール
--Google Play などで「Expo」を検索してインストール
--わからない場合は[[Expo:https://expo.io]] のサイトを参照...
-プロジェクト作成
$ create-react-native-app [プロジェクト名]
-プロジェクト起動
$ cd [プロジェクト名]
$ nom start
-起動すると大きなQRコードが表示される
-スマートフォンでExpoを起動し、QRコードを読み込むとアプリ...
-App.js が index.js に相当
-以下のような従来のプログラムの場合、最後に「export defau...
:
const SimpleApp = StackNavigator({
Home: { screen: MainScreenNavigator },
Chat: { screen: ChatScreen },
});
AppRegistry.registerComponent('SimpleApp', () => SimpleA...
export default App; <== これを追記
**スタンドアローン版へのビルド [#nb5fa1e4]
-[[Building Standalone Apps - Expo:https://docs.expo.io/v...
-exp のインストール
$ npm install -g exp
*Navigation [#udff2421]
やり方が乱立していてどれを選んだらいいのやら...
-[[React.js × React Native meetup アンケート質問に答えた...
-[[ReactNativeでページ遷移（ルーティング）を実装する:http...
-[[ReactNativeでページ遷移（ルーティング）を実装する②:htt...
-[[react-navigation:https://reactnavigation.org/]]（[[doc...
--元は [[Expo:https://expo.io]] が作った [[ExNavigation:h...
--画面コンポーネントにナビゲーション用のデータを定義しな...
--とりあえず [[Getting Started:https://reactnavigation.or...
-[[react-router-native:https://github.com/ReactTraining/r...
--react-router の Native版なので、知見や感覚を使いまわせ...
--あまりネイティブとして自然な遷移にならないという噂
-[[react-native-router-flux:https://github.com/aksonov/re...
--簡単な遷移であればサッと作れるが、少し複雑なことをしよ...
--テストが非常に書きにくい
-[[native-navigation:https://github.com/airbnb/native-nav...
--React Conf 2017 で大々的にアナウンスされた AirBnB 製
--導入が手間らしい
-[[Navigation:https://facebook.github.io/react-native/doc...
--標準で提供されている
--状態を持たず、開発者がいい感じに制御できる
--&color(red){0.43以降、非推奨になった};
*Tips [#y81645dc]
-AppRegistry.registerComponent('NativeApp', () => App);
--Native に登録するアプリケーション名と、それに対応するア...
終了行:
-[[React Native:https://facebook.github.io/react-native/]]
-[[React Nativeで変わるアプリ開発 高木 健介 先生 - Schoo...
-[[React Nativeとネイティブアプリでの開発の違いとは:https...
-[[ReactNativeで何が出来るのかさっと知れるサイト、その他...
-[[React Nativeはアプリ開発者の夢を見るか？ - アニマネ開...
-React native meetup ... プレゼン資料が見れる
--[[React.js meetup × React Native meetup:https://react-n...
---[[What is React Native?:https://speakerdeck.com/janusw...
--[[react-native meetup#4:https://react-native-meetup.con...
--[[react-native meetup#3:https://react-native-meetup.con...
--[[react-native meetup#2:https://react-native-meetup.con...
--[[react-native meetup#1:https://react-native-meetup.con...
-[[create-react-native-app触ってみた！！:http://qiita.com...
-[[create-react-native-appとexpoを使って10分でプッシュ通...
-[[React Nativeアプリの開発環境をコマンド一発で構築する「...
-[[Expo、iPhoneなどでReact Nativeアプリのリアルタイムプレ...
-[[Expo Sketch:https://snack.expo.io]] ... ここでコードを...
-[[ReactNative とFlutter パフォーマンス比較:https://recru...
-[[React Native導入ガイド - 環境構築からクロスプラットフ...
-[[【入門】はじめての React Native:https://qiita.com/nsky...
-[[React Nativeでメモアプリを作ろう～作成画面の構築と実デ...
*開発 [#e7a7b478]
**環境構築からプロジェクト作成、実行まで [#t2cf343e]
-create-react-native-app のインストール
$ npm install -g create-react-native-app
-スマートフォンにExpoをインストール
--Google Play などで「Expo」を検索してインストール
--わからない場合は[[Expo:https://expo.io]] のサイトを参照...
-プロジェクト作成
$ create-react-native-app [プロジェクト名]
-プロジェクト起動
$ cd [プロジェクト名]
$ nom start
-起動すると大きなQRコードが表示される
-スマートフォンでExpoを起動し、QRコードを読み込むとアプリ...
-App.js が index.js に相当
-以下のような従来のプログラムの場合、最後に「export defau...
:
const SimpleApp = StackNavigator({
Home: { screen: MainScreenNavigator },
Chat: { screen: ChatScreen },
});
AppRegistry.registerComponent('SimpleApp', () => SimpleA...
export default App; <== これを追記
**スタンドアローン版へのビルド [#nb5fa1e4]
-[[Building Standalone Apps - Expo:https://docs.expo.io/v...
-exp のインストール
$ npm install -g exp
*Navigation [#udff2421]
やり方が乱立していてどれを選んだらいいのやら...
-[[React.js × React Native meetup アンケート質問に答えた...
-[[ReactNativeでページ遷移（ルーティング）を実装する:http...
-[[ReactNativeでページ遷移（ルーティング）を実装する②:htt...
-[[react-navigation:https://reactnavigation.org/]]（[[doc...
--元は [[Expo:https://expo.io]] が作った [[ExNavigation:h...
--画面コンポーネントにナビゲーション用のデータを定義しな...
--とりあえず [[Getting Started:https://reactnavigation.or...
-[[react-router-native:https://github.com/ReactTraining/r...
--react-router の Native版なので、知見や感覚を使いまわせ...
--あまりネイティブとして自然な遷移にならないという噂
-[[react-native-router-flux:https://github.com/aksonov/re...
--簡単な遷移であればサッと作れるが、少し複雑なことをしよ...
--テストが非常に書きにくい
-[[native-navigation:https://github.com/airbnb/native-nav...
--React Conf 2017 で大々的にアナウンスされた AirBnB 製
--導入が手間らしい
-[[Navigation:https://facebook.github.io/react-native/doc...
--標準で提供されている
--状態を持たず、開発者がいい感じに制御できる
--&color(red){0.43以降、非推奨になった};
*Tips [#y81645dc]
-AppRegistry.registerComponent('NativeApp', () => App);
--Native に登録するアプリケーション名と、それに対応するア...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
