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入坑之旅(一)不 ...
随机推荐
- 【HDOJ】4932 Miaomiao's Geometry
递归检测.因为dis数组开的不够大,各种wa.写了个数据发生器,果断发现错误,改完就过了. #include <cstdio> #include <cstring> #incl ...
- Alignment ( 最长上升(下降)子序列 )
Time Limit: 1000MS Memory Limit: 30000K Total Submissions: 11397 Accepted: 3630 Description In t ...
- ♫【jQuery】detach
Jquery empty() remove() detach() 方法的区别 <!DOCTYPE html> <html> <head> <meta char ...
- C语言基础课程 第三课 ADB(Android Debug Bridge)的使用
由于前面已经发布过Linux的博客了 基础班将Linux基础命令就不单独发表博客了,本节课主要就是利用adb连接手机进行一个Linux基本命令的复习.而且熟悉手机的底层运作,不用界面操作照样也能 ...
- 数据结构(树,点分治):POJ 1741 Tree
Description Give a tree with n vertices,each edge has a length(positive integer less than 1001). D ...
- CodeForces 588B
题目链接 : http://codeforces.com/problemset/problem/588/B 题目大意: 这个题目的意思就是找出一个数中的因子,这个因子满足以下条件: 1.此数的因子没有 ...
- ACM编程网站
ACM:ACM国际大学生程序设计竞赛(英文全称:ACM International Collegiate ProgrammingContest(ACM-ICPC或ICPC)是由美国计算机协会(ACM) ...
- Postman 基本操作学习
History 所有使用postman发送的request都会保存在这里.点击之后会在当前Tab打开. 参考: Requests History Environments 这里用来设定当前reques ...
- .net core4
- 【Java】Java8新增的Lambda表达式_学习笔记
一.Lambda表达式可以简化创建匿名内部类对象 1.不需要new XXX(){}这种繁琐代码. 2.不需要指出重写的方法名. 3.不要给出重写的方法的返回值类型. 4.Lambda相当于一个匿名方法 ...