ReactNative for Android入坑(一)
最近找工作发现有些公司要求会ReactNative,决定入坑。
搭建环境:官网详细的教程附链接。
- 坑一:翻墙,建议整个搭建过程中翻墙。(翻墙链接,注册有200M试用流量,环境搭建够了)
第一步:安装Chocolatey,管理员运行cmd,输入指令:Chocolatey安装官网指令:@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
第二步:安装node.js ,指令:choco install nodejs.install
第三步:安装python,指令:choco install python2
第四步:安装ReactNative的命令行界面,指令:npm install -g react-native-cli
以下是AndroidStudio的配置过程,由于我早已配置不再提。
- 坑一:翻墙,建议整个搭建过程中翻墙。(翻墙链接,注册有200M试用流量,环境搭建够了)
运行第一个程序:官网教程(链接同搭建环境)。
- 坑二:初始化项目,默认cmd的cd的文件夹。
第一步(可忽略):cmd命令行切换到创建项目的目标文件夹。
第二步:创建一个名为AwesomeProject的项目:react-native init AwesomeProject
第三步:切入AwesomeProject项目内:cd AwesomeProject
第四步:运行AwesomeProject程序:react-native run-android
- 坑三:第四步过程要翻墙,下载gradle。
- 坑四:下载的gradle后,debug.apk可能不能安装到手机。
解决方法:我以项目AwesomeProject为例,找到项目AwesomeProject,进入AwesomeProject文件夹,进入android文件夹,找到buidle.gradle,以文本形式打开,找到以下代码:
dependencies {
classpath 'com.android.tools.build:gradle:1.3.1' // NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}改为:
dependencies {
classpath 'com.android.tools.build:gradle:1.2.3' // NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}再运行第四步。
- 坑五:安装成功,红屏报错,Could not get BatchedBridge
cmd中指令:adb shell input keyevent 82
弹出的Developer Menu 中选择:Dev Settings
Dev Settings中选择:Debug server host for device
对话框中填入IP地址和端口:如 10.0.0.1:8081
返回Developer Menu,选择Reload JS (我没有直接返回到Developer Menu只好:adb shell input keyevent 82)
等待应用重启。
(程序完成后提示的另外一种进入Developer Menu的方法:摇动手机。我是手机平放,左右晃动,摇出了Menu)
- 坑二:初始化项目,默认cmd的cd的文件夹。
以下申明:
- 我在Windows下安装适合Android的环境,以真机测试,另由于各手机,PC具体设置,配置不同仅供参考。
- 我只介绍自己遇到的情况,不是全部。
- 建议尝试前AndroidStudio配置好ANDROID_HOME,ANDROID_SDK_HOME等变量,不然可能应用安装不到模拟器上。
ReactNative for Android入坑(一)的更多相关文章
- react-native环境配置入坑指南.
官方入门教程:https://reactnative.cn/docs/0.51/getting-started.html http://services.gradle.org/distribution ...
- RoboGuice 3.0 (一)入坑篇
RoboGuice是什么? 一个Android上的依赖注入框架. 依赖注入是什么? 从字面理解,这个框架做了两件事情,第一是去除依赖,第二是注入依赖.简单理解就是,将对象的初始化委托给一个容器控制器, ...
- 1、 小白带你入坑xamarin系列之环境搭建和准备
重点提示 由于xamarin发展更新很快 目前教程部分内容已经过时 请注意下载最新版本 2018.05.23 www.xamarin.com 1. 小白带你入坑xamarin系列之环境搭建和准备 ...
- RxJava+RxAndroid+MVP入坑实践(基础篇)
转载请注明出处:http://www.blog.csdn.net/zhyxuexijava/article/details/51597230.com 前段时间看了MVP架构和RxJava,最近也在重构 ...
- 入坑cordova
原文:入坑cordova 因项目需要入坑cordova,奔跑吧骚年,目前只是要求安卓平台,下面都是以安卓为例 最好的学习资料还是官网. https://cordova.apache.org/ http ...
- cozmo 入坑日记及开发环境搭建
前几日,朋友在群里发了一个机器人的小视频,视频里机器人可以对话,可以推箱子,开心以后会哈哈大笑,非常有趣. 详细了解里一下,这是个叫 cozmo 的智能机器人,可以配合 SDK 用 python 编程 ...
- [SSIS] 在脚本里面使用数据库连接字符串进行查询等处理, 入坑
入坑.!!!!! SSIS 中dts包 设置的 ADO.Net连接, 在传入脚本的时候, 我要使用 数据库连接,进行数据的删除操作. 于是我使用了 了如下的 代码 使用的是windows 身份验证, ...
- webpack入坑之旅(六)配合vue-router实现SPA
这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新.下面是目前完成的列表: webpack入坑之旅(一)不 ...
- webpack入坑之旅(五)加载vue单文件组件
这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新.下面是目前完成的列表: webpack入坑之旅(一)不 ...
随机推荐
- PSoC电容式触摸感应技术
PSoC是由Cypress半导体公司推出的具有数字和模拟混合处理能力的可编程片上系统芯片,某些系列的PSoC(如CY8C21X34系列),由于其内部配备的特殊资源,使得它可以很容易地实现电容式触摸感应 ...
- 浅析STL allocator
一般而言,我们习惯的 C++ 内存配置操作和释放操作是这样的: class FOO{}; FOO *pf = new FOO; delete pf; 我们看其中第二行和第三行,虽然都是只有一句,当是都 ...
- joelonsoftware 读书摘录
joelonsoftware 读书摘录 <五个为什么> 1.“黑天鹅难题”,代表外来因素,是一个超出正常预料之外的事件. 2.丰田佐吉的“五个为什么”,当某个地方出现问题时,你就一 ...
- 网络流(最大流):COGS 28 [NOI2006] 最大获利
28. [NOI2006] 最大获利 ★★★☆ 输入文件:profit.in 输出文件:profit.out 简单对比 时间限制:2 s 内存限制:512 MB [问题描述] 新的技术 ...
- 【Android Studio】没有先安装JDK
如果没有先安装JDK,安装Android Studio的时候回出现下面这个界面: 请参考我整理的博客文章<JDK的下载.安装和配置>,链接:http://www.cnblogs.com/d ...
- 在C#中internal关键字是什么意思?
这个回答的很不错 :http://zhidao.baidu.com/link?url=BGmYomZnf_-94L4uPXa-gzYMssL5HGmZyk_fFG7x4i4z_vL8qN3o7CrJg ...
- Java Annotation 必须掌握的特性
什么是Annotation? Annotation翻译为中文即为注解,意思就是提供除了程序本身逻辑外的额外的数据信息.Annotation对于标注的代码没有直接的影响,它不可以直接与标注的代码产生交互 ...
- 6种GET和POST请求发送方法
我试过了畅言和多说两种社会化评论框,后来还是抛弃了畅言,不安全. 无论是畅言还是多说,我都需要从远程抓取文章的评论数,然后存入本地数据库.对于多说,请求的格式如下: // 获取评论次数,参数是文章ID ...
- 关闭ES动态创建type
虽说ES的默认设置已经够我们使用了,但是总有些情景需要我们修改一些配置. 由于ES 2.*不能单独删除某个type,只能将整个index删除.这无疑非常让人苦恼. 所以我们需要关闭动态创建type以减 ...
- Stage3D_Game_Programming:渲染3D模型
OBJ是文件,先来解释下OBJ文件.随便找一个OBJ文件,用文本查看: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 # ...