反応ネイティブWindows環境を構築するには

プラットフォーム

開発プラットフォーム:Windowsの

対象プラットフォーム:iOSのアンドロイド

インストールが依存します

ノード、Python2、JDK

ノードのバージョンが10以上でなければなりません

Pythonは(3.xはサポートされていない)バージョン2.xでなければなりません

JDKのバージョンは、(現在は1.9以降をサポートしていません)1.8でなければなりません

NPMミラーセット(ADSシュローダー)

cnpm使用しないでください!cnpmは、パッケージャは、通常認識されない、むしろ奇妙なパスモジュールをインストール!

nvm install 12.14.0
nvm use 12.14.0

python 2.7

https://www.python.org/downloads/release/python-2717/ 

java8:

https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 

也可以直接在QQ电脑管家软件里面下载jdk1.8

糸、ネイティブコマンドラインツールに反応(反応-ネイティブ-CLI)

npm install -g yarn react-native-cli

Androidの開発環境

アンドロイドStudioがインストールさ

http://www.android-studio.org/

インストールの次のステップは、行にされています

SDKをインストールします

次のコンポーネントをチェック

  • AndroidのSDK
  • AndroidのSDKプラットフォーム
  • パフォーマンス(インテル®HAXM)(AMDプロセッサは、ここを参照してください)
  • Androidの仮想デバイス

AndroidのSDKをインストールします。

SDKマネージャ]タブで、「SDKプラットフォーム」を選択し、右下隅に「ショーパッケージの詳細」をご確認ください。アンドロイド9(パイ)オプションを展開し、(あなたが再確認安定迂回ツールを使用しなければならない、またはこのインターフェースが表示されない場合があります)必ず次のコンポーネントを行います。

28 SDKプラットフォームAndroidの
インテルのx86 Atom_64システムイメージ(非公式シミュレータを使用した公式エミュレータイメージファイルは、このコンポーネントをインストールする必要はありません)

然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的28.0.3版本。你可以同时安装多个其他版本。

最后点击"Apply"来下载和安装这些组件。

配置 ANDROID_HOME 环境变量

React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径,从而正常进行编译。

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建,创建一个名为ANDROID_HOME的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录(具体的路径可能和下图不一致,请自行确认):

SDK 默认是安装在下面的目录:

c:\Users\你的用户名\AppData\Local\Android\Sdk 

你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径,具体是Appearance & Behavior → System Settings → Android SDK

把 platform-tools 目录添加到环境变量 Path 中

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量,选中Path变量,然后点击编辑。点击新建然后把 platform-tools 目录路径添加进去。

此目录的默认路径为:

c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools 

创建新项目

使用 React Native 命令行工具来创建一个名为"rnTest"的新项目:

react-native init rnTest

准备 Android 设备

使用 Android 模拟器

你可以使用 Android Studio 打开项目下的"android"目录,然后可以使用"AVD Manager"来查看可用的虚拟设备,它的图标看起来像下面这样:

如果你刚刚才安装 Android Studio,那么可能需要先创建一个虚拟设备。点击"Create Virtual Device...",然后选择所需的设备类型并点击"Next",然后选择Pie API Level 28 image.

编译并运行 React Native 应用

连接海马玩模拟器

下载海马玩模拟器

打开cmd,输入命令连接模拟器

打开cmd,输入:adb connect 127.0.0.1:26944。如下:

C:\Users\Administrator>adb connect 127.0.0.1:26944
connected to 127.0.0.1:26944 

确保你先运行了模拟器或者连接了真机,然后在你的项目目录中运行react-native run-android:

cd rnTest
react-native start
react-native run-android  

如果配置没有问题,你应该可以看到应用自动安装到设备上并开始运行。注意第一次运行时需要下载大量编译依赖,耗时可能数十分钟。此过程严重依赖稳定的翻墙工具,否则将频繁遭遇链接超时和断开,导致无法运行。

查看console打印

react-native log-android

おすすめ

転載: www.cnblogs.com/shenshangzz/p/12104457.html