facebook twitter hatena line email

「Javascript/reactnative/helloworld」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(react-native-cliを使ったhelloworld)
(expoを使ったhelloworld)
 
(同じ利用者による、間の2版が非表示)
行1: 行1:
==expoを使ったhelloworld==
+
[[Javascript/reactnative/helloworld/expo]]
expo init Helloworld
+
  
以下構成で作成される
+
[[Javascript/reactnative/helloworld/react-native-cli]]
<pre>
+
├── App.js
+
├── app.json
+
├── assets
+
│   ├── favicon.png
+
│   ├── icon.png
+
│   └── splash.png
+
├── babel.config.js
+
├── package.json
+
└── yarn-error.log
+
</pre>
+
===実行しQRコード表示===
+
yarn start
+
 
+
端末をwifiでつなぎ、QRコードをexpoアプリで読み取ったところ、android,iosともにアプリで表示できた。
+
 
+
===参考===
+
https://saikeblog.com/2019/06/09/expo%E3%81%A7reactnative%E3%81%AE%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E6%88%90%E3%81%97%E3%81%A6helloworld%E3%82%92%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B/
+
 
+
==react-native-cliを使ったhelloworld==
+
$ react-native init hello
+
 
+
以下構成で作成される
+
<pre>
+
App.js
+
__tests__ [dir]
+
android [dir]
+
app.json
+
babel.config.js
+
index.js
+
ios [dir]
+
metro.config.js
+
node_modules [dir]
+
package.json
+
yarn.lock
+
</pre>
+
 
+
===実行===
+
cd hello
+
react-native run-android # android
+
react-native run-ios # ios
+
 
+
===参考===
+
https://snova301.hatenablog.com/entry/2019/05/05/231232
+

2020年7月16日 (木) 12:09時点における最新版

Javascript/reactnative/helloworld/expo

Javascript/reactnative/helloworld/react-native-cli