0 如何在Android和iOS平台运行React Native应用
来源:互联网 发布:隔音好的耳机 知乎 编辑:程序博客网 时间:2024/04/30 16:31
如果你还没有配置React Native开发环境,请访问:一步一步搭建ReactNative开发环境(Mac)
Android依赖的安装需要较多的步骤,安装的方法也有很多,接下来跟着我一步步的完成Android依赖的安装吧。
一、Android依赖
关于Android依赖的安装,大概分为三个步骤
1、如何安装jdk
(1)请前往链接:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
(2)按照下图点击下载
(3)下载安装完以后,在终端输入java -version
如上图所示,即表示jdk安装成功。
2、通过命令brew install android-idk安装Android SDK。
3、actual SDK stuff 、环境变量配置和AVD创建
(1)run the ‘android’ tool to install the actual SDK stuff.
执行android命令,从而打开Android SDK管理器,如下图所示,管理器将会显示出安装包的安装情况。Android SDK 管理器允许你选择开发包进行安装。PS:我用红线框起来的部分,即1、2、3、4、5必须要确保选中,然后点击install packages并接受合适的许可。等待安装完成需要花一段时间。
其中2、3、5使我们能够创建Android虚拟设备(Android Virtual Devices,AVDs),或模拟器。
PS:安装完成后,选中安装的选项的Not installed都会变成installed
(2)add the following to your ~/.bashrc
PS:通过vi创建.bashrc文件,往文件中输入export ANDROID_HOME=/usr/local/opt/android-sdk内容保存并且退出
~/.bashrc文件保存退出后,需要执行source ~/.bashrc 让其立即生效,否则可能会出现如下bug:
SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable. (PS:此处感谢RN技术交流群:555705178中的小伙伴:qq:419136078 昵称:蜀中阆子)
(3)通过AVD管理器创建和运行模拟器
在终端输入android avd
键盘输入enter得到AVD管理器
点击create按钮并且填写创建模拟器的相关信息,如下图所示,对于模拟器选项,记得勾选Use Host GPU
上图中,除了填好相关信息以外,确保够炫了Use Host GPU,否则模拟器会非常慢
如果愿意的话,你可以创建许多AVD。由于android设备种类繁多,有不同的屏幕尺寸,分辨率和功能,因此使用不同的模拟器通常能为测试带来帮助。当然,处于学习的目的,我们只需安装一两个即可。
二、创建新应用
你可以使用React Native命令工具来创建一个新的应用,它会为你生成一个包涵React Native、iOS和Android的全新模版工程:
这一块windows安装一般6分钟左右,因为它只支持Android,如果是mac安装,大概需要十多分钟,它同时支持iOS和Android,所以包比较大。(PS: 如果翻墙的话,iOS端一般四分钟左右)
三、将程序运行的iOS端有两种方式
1、方式一
通过Xcode直接打开iOS应用,运行即可。如下图所示。
2、方式二
先将终端、Xcode、模拟器退出,然后重启终端,在终端中切换到项目路径,再在终端中输入react-native run-ios
四、如何在Android端运行React Native程序
1、首先需要启动模拟器
启动模拟器有两种方式:
方式一:如下图所示,1终端输入android avd,输入enter启动AVD管理器,2选中模拟器,3点击Start启动模拟器
方式二:打开终端,1在终端中输入emulator -list-avds查看安装哪些模拟器,2通过emulator @模拟器名字启动模拟器
2、通过react-native run-android命令安装react native程序到Android上
PS:第一次使用react-native run-android命令时,因为需要下载很多配置文件,所以需要耐心等待,以后就不需要等待了
接下来我通过command+n新建一个终端,1首先先切换到项目路径,再在终端中输入react-native run-android命令
- 0 如何在Android和iOS平台运行React Native应用
- React Native在Android平台运行gif的解决方法
- React Native在Android平台运行gif的解决方法
- Windows下React-Native如何调试和运行iOS
- React native 技术中 android 和 iOS 平台差异
- React Native iOS 应用发布和调试
- 基于iOS和Android的react-native跨平台漫画App
- React Native、Android、IOS
- React Native多平台适配-Android ios h5 Web
- React Native WebView自适应高度(Android、IOS平台通用)
- 【React Native开发】React Native 控件之Modal详解-Android/iOS双平台通用(56)
- 如何将React Native 项目运行在 Web 浏览器上面
- react-native之tabBar在Android平台上的实现
- 详细讲解如何在windows下搭建react-native的开发环境(包括在设备上安装和运行react-native app )!
- react-native 在android运行时报UNEXPECTED TOP-LEVEL EXCEPTION
- React-Native在6.0以下Android手机运行调试
- React Native Android 虚拟机运行
- Unity在Android和iOS中如何调用Native API
- Window系统cd跳转到文件夹路径命令记录
- 【排障】每次打开word都提示要安装配置
- 如何用2个无线路由器设置AP
- android studio 网络依赖升级
- 船的速度
- 0 如何在Android和iOS平台运行React Native应用
- 配置python 中chainer的cuda出现问题
- Java 内存大概分析
- 使用jsp+servlet+jdbc做的登陆注册案例
- Android学习之路——————烦了个错误啊
- 设计模式学习之路-适配器模式
- 合并小文本的方法
- android OOM_adj 的设置流程
- 点击第一viewpager中的按钮,跳转到第二个radiogroup对应的fragment