|
|
(同じ利用者による、間の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