react native怎么开发android

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react native怎么开发android相关的知识,希望对你有一定的参考价值。

参考技术A 安装Git
在Mac上,如果您已安装XCode,则已安装Git,否则运行以下命令:

brew install git
在Linux上,通过软件包管理器安装Git。

在Windows上,下载并安装Git for Windows。在安装过程中,选择“从Windows命令提示符运行Git”,这将添加Git到您的PATH环境变量。

安装android SDK(除非您已经拥有它)
安装最新的JDK
安装Android SDK:
在Mac上:brew install android-sdk
在Linux和Windows上:从Android网站下载
定义ANDROID_HOME环境变量
重要信息:确保ANDROID_HOME环境变量指向现有的Android SDK:

在Mac上,将其添加到〜/ .bashrc,〜/ .bash_profile或您的shell使用的任何内容:

#如果你通过Homebrew安装了SDK,否则〜/ Library / Android / sdk
export ANDROID_HOME = / usr / local / opt / android-sdk
在Linux上,将其添加到〜/ .bashrc,〜/ .bash_profile或您的shell使用的任何内容:

export ANDROID_HOME = <path_where_you_unpacked_android_sdk>
在Windows上,转到控制面板 - >系统和安全 - >系统 - >更改设置 - >高级 - >环境变量 - >新建

注意:您需要重新启动命令提示符(Windows)/终端仿真器(Mac OS X,Linux)以应用新的环境变量。

使用gradle守护进程
React Native Android使用gradle作为构建系统。我们建议启用gradle守护程序功能,这可能会导致Java代码更改的增量构建时间增加50%。了解如何为您的平台启用它。

配置您的SDK
打开Android SDK Manager(在Mac上启动一个新的shell并运行android);在出现的窗口中确保您检查:
Android SDK Build-tools版本23.0.1
Android 6.0(API 23)
支持库的本地Maven存储库(这在旧版本中称为Android支持存储库)
点击“安装软件包”
SDK管理器窗口SDK管理器窗口

安装Genymotion
Genymotion比谷歌模拟器容易设置。但是,它是免费的个人使用。如果你想使用股票Google模拟器,请参阅下文。

下载并安装Genymotion。
打开Genymotion。它可能会要求您安装VirtualBox,除非您已经拥有它。
创建一个新的模拟器并启动它。
要显示开发人员菜单,请按⌘+ M
替代方法:创建库存Google模拟器
启动一个新的shell并运行android;在出现的窗口中确保您检查:
Intel x86 Atom系统映像(适用于Android 5.1.1 - API 22)
英特尔x86模拟器加速器(HAXM安装程序)
单击“安装软件包”。
配置硬件加速(HAXM),否则仿真器会变慢(或可能根本不运行)。
在mac上,这通常需要打开:/usr/local/opt/android-sdk/extras/intel/Hardware_Accelerated_Execution_Manager/IntelHAXM_<version>.dmg并在其中安装软件包。
创建Android虚拟设备(AVD):
运行android avd并单击创建...创建AVD对话框
选择新的AVD后,单击开始...
要显示开发者菜单,请按F2(或安装Frappé)
Windows Hyper-V替代
Android的Visual Studio模拟器是一个免费的Android模拟器,通过Hyper-V硬件加速。它不需要你安装Visual Studio。

要使用它与react-native你只需要添加一个键和值到您的注册表:

打开运行命令(Windows + R)
输入regedit.exe
在注册表编辑器中导航到HKEY_LOCAL_MACHINE \ SOFTWARE \ Wow6432Node \ Android SDK工具
右键单击Android SDK工具,然后选择新建>字符串值
将名称设置为路径
双击新的路径键,并将值设置为C:\ Program Files \ Android \ sdk。路径值可能在您的计算机上不同。
您还需要使用此模拟器运行命令adb reverse tcp:8081 tcp:8081。

然后重新启动模拟器,当它运行你可以只是做一样反应原生run-android像往常一样。

在Android Studio中编辑应用程式的Java程式码
您可以使用任何编辑器编辑javascript。如果您想使用Android Studio来处理本机代码,请从Android Studio的“欢迎”屏幕选择“导入项目”并选择您的应用程序的Android文件夹。

故障排除
万一你遇到

任务':app:installDebug'的执行失败。
com.android.builder.testing.api.DeviceException:com.android.ddmlib.ShellCommandUnresponsiveException
尝试将您的Gradle版本降级到1.2.3在<project-name> /android/build.gradle(https://github.com/facebook/react-native/issues/2720)

以上是关于react native怎么开发android的主要内容,如果未能解决你的问题,请参考以下文章

react-native 怎么画线

react native 怎么给文字加描边

怎么解决react-native乱码的问题

Mac配置React Native开发环境

react-native怎么创建两个class

react-native 学习