facebook twitter hatena line email

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

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(expoを使ったhelloworld)
(実行しQRコード表示)
行16: 行16:
 
===実行しQRコード表示===
 
===実行しQRコード表示===
 
  yarn start
 
  yarn start
 +
 +
===参考===
 +
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-cliを使ったhelloworld==

2020年7月13日 (月) 17:14時点における版

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

参考

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

以下構成で作成される


実行

cd hello
react-native run-android # android
react-native run-ios # ios

参考

https://snova301.hatenablog.com/entry/2019/05/05/231232