【ReactNative】できる！MacでAndroidエミュレータを動かす設定

【ReactNative】できる！MacでAndroidエミュレータを動かす設定

前回のこの記事「ReactNativeforWebを初めてさわってみて」のAndroid開発環境が分かりづらいだろうなと思ったので別記事にしました

前提
・expoが「npm i -g expo」で入っている(グローバル汚しますが、別の方法でもOK)
・AndroidStudioがインストールされている -> 「download page」
・そのPATHが通っている
・「CreateReactNativeApp」を入れていて(「npm install -g create-react-native-app」)、
プロジェクトを作って(create-react-native-app testproject)、
今プロジェクト内直下にいる(cd testproject)

もしだるかったら
github作ったので
cloneして「hybrid-app-native」直下に移動してください
で、
本題

index

1. Start a Android Studio project

2. Application nameに適当なプロジェクト名でProject location(場所)も適当なヤツを作る

3. select the form factors and minimum SDK で6.0を選択

4. Add activity to Mobile はdefaultそのまま

5. create a new empty Activityはdefaultそのまま　ー> finish

6. Appearance & Behavior > System > Android SDKで必要なものにcheck boxを入れて「ok」

7. Android Virtual Managerで画像のようにcreate~ 、ハードウェアはdefaultのNuxs 5選ぶ

8. 先ほどcheckBoxに入れた「x86_64」 Android 6.0 Google Appsを選択、Next

9. Verify Configuration -> Finish

10. エミュレータで立ち上がるexpoのパーミッションを許可する

11. onにしたら同じ画面で「◁」おす

エミュレータ上でMac ならcmd + mで Expo操作できます

---

1. Start a Android Studio project

2. Application nameに適当なプロジェクト名でProject location(場所)も適当なヤツを作る

(git管理からは外しています。エミュレータを立ち上げたいだけのヤツなので)

 

3. select the form factors and minimum SDK で6.0を選択

 

4. Add activity to Mobile はdefaultそのまま

 

5. create a new empty Activityはdefaultそのまま　ー> finish

6. Appearance & Behavior > System > Android SDKで必要なものにcheck boxを入れて「ok」

7. Android Virtual Managerで画像のようにcreate~ 、ハードウェアはdefaultのNuxs 5選ぶ

 

8. 先ほどcheckBoxに入れた「x86_64」 Android 6.0 Google Appsを選択、Next

 

9. Verify Configuration -> Finish

 

あとは流れで。。。

 

ここまで来たら、yarn start android

#ReactNativeExpoではじめるスマホアプリ開発 #ReactNative 届いたよー pic.twitter.com/QXPxv6fMgv

— もりけん（首から下がイケメン） (@bukotsunikki) 2018年8月31日

Androidエミュレータ内にExpoクライアントインストールされ、

Expoクライアントは開発サーバに接続される

Androidエミュレータ内でExpoクライアントが自動的に起動しパーミッションを設定することを求められる

このパーミッションはReactNativeアプリケーションを独立してどうさせるかを求めている

 

10. エミュレータで立ち上がるexpoのパーミッションを許可する

ここをonにして許可します

11. onにしたら同じ画面で「◁」おす

できました

エミュレータ上でMac ならcmd + mで Expo操作できます

閉じてしまったら
yarn android
すれば立ち上がり
エミュレータ上でMac ならcmd + mで Expo操作できます

---

「武骨日記の」プライバシーポリシーに関して
・プライバシーポリシー
・個人情報取り扱いに関して

・サイトTOP
・私は何者か
・29歳よしもと芸人がWebデザイナー未経験で学校に通い5年後フリーランスのフロントエンドエンジニアになるためにやった9つのこと
・フロント記事
・フロントエンドエンジニア
・フロントエンド記事(タグ)
・TypeScript
・TypeScript練習問題集
・【TypeScript】TypeSript中級者になる為に知っておくと良い108個のこと
・JavaScript練習問題
・styled-componentsの使い方
・SCSS問題集
・GraphQL「Apollo x Relay-Style-Cursor-Pagination(リレースタイルカーソルページネーション)」
・recomposeと仲良くなりたい
・機動戦士FlowType
・初めてReactNativeWebを触ってみて
・Ramda.jsシグネチャの読み方
・環境変数の話
・いちごタルトの作り方
・フロントエンドエンジニア豚汁の作り方

---

「武骨日記の」プライバシーポリシーに関して
プライバシーポリシー

株式会社TerraceTechについて
最近起業しました。
・株式会社TerraceTech

SNS
・しずかなインターネット kenjimorita
・インド旅　instagram
・適当な日常写真　instagram
・シュールさーん　instagram
・シュールさーん LINEスタンプ
・もりたけんじTwitter
・ネタ帳Twitter
・note

・FaceBook -kennji.morita-

※わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
また個人レッスンしてほしい生徒も募集中です。
もしご興味ある方はチャットからご連絡ください。

※業務連絡やお久しぶり連絡もチャットからお願いします。