Expoを使用してAndroidエミュレーターでReactNativeプログラムを実行します
Run React Native Program Android Emulator With Expo
このチュートリアルを読んだ後、AndroidエミュレーターでReactNativeプログラムを実行する方法を学びます。
私のコンピューターとソフトウェア環境
システム：windows10 64
ノード：8.5.0
次に、何があっても、以下のツールをインストールします。
まず、create-react-native-appとしましょう npm install -g create-react-native-app
とフォロー チュートリアル 開始して実行を実行してくださいnpm start QRコードが表示されます。電話にインストールしましょう 博覧会 あなたはそれをスワイプすることによってreactnativeアプリを開くことができます。同じネットワーク上にあるように注意してください。タイムアウトが頻繁に発生します。
Android Studio 3.0 （これは必須ではないことに注意してください。私は主に彼を使用してandroid sdkをインストールします）
このインストールプロセスは遅くなり、SDKなどを追加すると約2Gのスペースが必要になります。ウェブサイトのビデオインスタレーションによると、インストール後にAndroidプログラムを起動できます。
image.pngsdkのインストールパスに注意してください。コマンドラインでadbを直接実行できることを確認する必要があります。
環境変数に追加しましたC:Users{replace with your computer name}AppDataLocalAndroidSdkplatform-tools
genymotion
これには、アカウントを登録してから、万博の推奨に従ってAndroid仮想デバイスをインストールする必要があります。これはNexus5の場合があります。
インストール XDEエキスポ
expoは、react nativeを実行し、genymotionシミュレーターで開き、ライブリロードなどを提供し、プログラムを公開できるツールであると簡単に言えます。 WeChatアプレットを開発するためのツールに似ています。
特定のドキュメント
測定の結果、安定していないことがわかりました。さまざまなコンピューター環境や環境変数の影響を受ける可能性があります。
ここでは、ADBの構成に注意を払う必要があります。
image.png一般的なプロセス：
-
create-react-native-appを使用するRN_Firstなどのプロジェクトを作成します
image.png -
このプロジェクトを開き、ExpoXDEで実行します
実行後のインターフェースは以下のとおりです。
image.png Genymotionを開き、Androidシミュレーターを実行します
image.png
image.png
image.png- 次に、[デバイス]を選択します-博覧会でAndroidで開きます。成功すると、Androidエミュレーターでスタートアップエキスポを確認し、RNプロジェクトを開くことができます。
App.jsなどのコードを変更すると、すぐに変更されます。
image.png 
image.png遭遇したピット：
ADBサーバーがACKを実行せず、デーモンの起動に失敗しました
A：adbの環境変数が正しく設定されていないことがわかりました。 Android SDKをインストールする前に、2つのadbがあります。 Expoは古いadbを探しています。
参照
adbの実行中にエラーが発生しました：アプリの実行中にエラーが発生しました。エラー：アクティビティが開始されていません。インテントを解決できません{act = android.intent.action.VIEW dat = exp：//192.168.0.100：19000 flg = 0x10000000}
A：adb構成を確認し、最後にExpoソリューションを再インストールします。
冒とく的な言葉を使ったことを許してください。最初の接触のために、私は多くの回り道をしました。
シミュレータでのデバッグについて：
iOSでcmd + Rを押し、Androidのメニューボタンをクリックします
image.png総括する：
- Macでネイティブのreactを開発するのが最善です。結局のところ、このツールの開発者はMBPを使用しており、ピットが少なくなります。
- ツールは可能な限り公式からダウンロードする必要があります。サードパーティのWebサイトからのダウンロードを台無しにしないでください。
- 開発前に数回読むことをお勧めします。 博覧会 ドキュメンテーション。各ステップでの操作内容を把握します。
関連ツールの公式ダウンロードアドレス：
Android Studio
genymotion