facebook twitter hatena line email

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

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(実行)
行1: 行1:
 +
[[Javascript/reactnative/helloworld/expo]]
 +
 +
[[Javascript/reactnative/helloworld/react-native-cli]]
 
==expoを使ったhelloworld==
 
==expoを使ったhelloworld==
 
  expo init Helloworld
 
  expo init Helloworld
行21: 行24:
 
===参考===
 
===参考===
 
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/
 
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
 
 
====android実行====
 
以下エラーが出て失敗。
 
Internal API constructor DefaultDomainObjectSet(Class<T>) has been deprecated. This is scheduled to be removed in Gradle 7.0. Please use ObjectFactory.domainObjectSet(Class<T>) instead.
 
 
===参考===
 
https://snova301.hatenablog.com/entry/2019/05/05/231232
 

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

Javascript/reactnative/helloworld/expo

Javascript/reactnative/helloworld/react-native-cli

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ともにアプリで表示できた。

参考

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/