博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react-native之android环境搭建
阅读量:6962 次
发布时间:2019-06-27

本文共 994 字,大约阅读时间需要 3 分钟。

react-native之android环境搭建

本文基于OSX Yosemite 10.10.4

所需软件环境

  • Homebrew

  • Node

  • react-native-cli

  • java

  • Android Studio

  • Watchman

  • Flow

参考

注意事项

  1. 在安装Android Studio的过程中选择custom方式安装,此时可以安装android sdk,严格按照中Android Studio部分所需的SDK Platforms和SDK Tools来安装,注意Android SDK Build-Tools 一定是23.0.1版本的。

创建react-native项目

$ react-native init hellowReact

以上命令很多情况下很久都没有响应,可以把npm源替换成国内npm镜像,比如说等,改变npm源有多种方式:

# 方式一: 在~/.npmrc文件的末尾加上下面两句registry=https://registry.npm.taobao.org/disturl=https://npm.taobao.org/dist# 方式二: 命令$ npm config set registry https://registry.npm.taobao.org$ npm config set disturl https://npm.taobao.org/dist

此时,在当前目录下生成了一个新的项目名为helloReact,项目目录结构如下所示:

目录结构

目录结构

  • android android应用

  • ios ios应用

  • index.android.js android的js入口

  • index.ios.js ios的js入口

  • package.json 项目的配置

  • node_modules 项目依赖的npm包

android开发

使用安装好的android studio 软件导入上一步创建好项目helloReact的android目录

导入项目

导入项目

导入项目

新建avd(其实就是一个android模拟器)

工具栏-> AVD Manager->

新建AVD

新建AVD

新建AVD

新建AVD

新建AVD

运行AVD

图片描述

运行导入的工程文件

Gradle编译好过后就可以运行了

工具栏

在模拟器上安装app并且运行

运行结果

ios开发

使用xcode打开新建项目helloReact的ios目录下的hellowReact.xcodeproj文件,点击运行即可在模拟器中查看结果

转载地址:http://ghwsl.baihongyu.com/

你可能感兴趣的文章
iOS逆向之三-authorized_keys ssh登录越狱手机免验证设置
查看>>
解决linux的-bash: ./xx: Permission denied
查看>>
Laravel 第三方登陆之 Socialite Providers
查看>>
Ubuntu14.10 remove ibus 之后
查看>>
Spring第一天
查看>>
springMVC笔记系列(20)——控制器实现详解(下)
查看>>
Linux文件上传下载,rz和sz
查看>>
在as3中使用嵌入字体
查看>>
How processor, assembler, and programming langu...
查看>>
五种方法解决Magento中jQuery和Prototype兼容性
查看>>
PPT模板网站
查看>>
InSave 隐私政策
查看>>
[Linux command]批处理注释
查看>>
delphi 操作文件时间的函数
查看>>
nodjs 生产环境及升级问题
查看>>
JS判断客户端是否是iOS或者Android手机移动端
查看>>
Swing控件
查看>>
快速JavaEE轻量级框架&公用业务模块 设计&实现 6.1 - DAO测试
查看>>
文本特征提取算法实现
查看>>
这个qq的域名【c.gj.qq.com】是做什么的?chrome浏览器,访问什么网站都有这个请求...
查看>>