「Javascript/reactnative/helloworld」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→実行しQRコード表示) |
(→react-native-cliを使ったhelloworld) |
||
| 行27: | 行27: | ||
以下構成で作成される | 以下構成で作成される | ||
<pre> | <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> | </pre> | ||
2020年7月15日 (水) 18:57時点における版
expoを使ったhelloworld
expo init Helloworld
以下構成で作成される
├── App.js ├── app.json ├── assets │ ├── favicon.png │ ├── icon.png │ └── splash.png ├── babel.config.js ├── package.json └── yarn-error.log
実行しQRコード表示
yarn start
端末をwifiでつなぎ、QRコードをexpoアプリで読み取ったところ、android,iosともにアプリで表示できた。
参考
react-native-cliを使ったhelloworld
$ react-native init hello
以下構成で作成される
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
実行
cd hello react-native run-android # android react-native run-ios # ios
