// my-release-key.keystore和my-key-alias都是可修改的名称 1.生成签名密钥(keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000) 2.在项目中找到android/app/src/main目录下创建一个叫assets的文件夹 在工程目录下(android/app/src/main/as…

一上午就整了个React Native的打包,中间还遇到各种问题,这里还是记录下吧: 文档链接: http://reactnative.cn/docs/0.45/signed-apk-android.html#content 打包步骤如下: 1> cd 项目目录; 2>执行以下命令: react-native bundle --entry-file index.android.js --bundle-output ./android/app/src/main/assets/index.andr…

生成apk签名文件 我们使用android studio的方式进行签名 AS工具栏找到并点击 build->gennrate signed apk 两种情况: 1.这里如果已经有签名文件了则直接选择已签名文件,输入签名文件密码即可 2.如果没有签名则先创建一个新的签名文件 这里我们选择创建一个新的签名文件,填写好对应的签名信息点击ok. 接下来我们就可以选择我们的签名文件了输入签名密码并进行打包 生成签名文件后,最后我们需要在build.gradle文件中添加签名相关信息 找到目录android…

配置主要分为以下几步: 安装node.js 安装AndroidStudio 安装React Native命令行工具 搭建React Native版本的Hello World,修改代码查看效果 第一步 下载node.js,安装并配置环境变量.下载地址:https://nodejs.org/en/download/. 检验是否配置成功,命令行输入:node -v 成功则会显示nodejs版本,否则配置有问题. 第二步 安装AndroidStudio.下载地址:https://developer.an…

安装前注意: 1)在Max OS X 10.11(El Capitan)版本中,homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题.可以使用下面的命令修复: sudo chown -R `whoami` /usr/local 2)如果命令行提示command not found,请加上sudo获得最高权限    一.环境需求 1.1  安装Homebrew Homebrew是OS X的套件(包)管理器,用于安装Node.js和一些其他必须的工具软件. 安装方式: ru…

现在只能在MAC系统上安装. 1. 首先,HomeBrew 这是一个包管理库,用来下载其它工具. 打开网站:brew.sh 网页有个命令 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 在命令行中运行上面的命令,按照提示安装即可. 2. 通过HomeBrew 安装 nvm node.js的版本管理器 brew install nvm 安装…

这个问题已经得到解决,参照stackoverflow上的问题:https://stackoverflow.com/que...这个问题的原因就处在Android工程中app/build.gradle中,build.gradle中对于 react-native库的版本的配置默认是这么写的: compile 'com.facebook.react:react-native:+' 这个最后面的 “+” 表示的是使用最新的版本号.也就是说,我们Android工程中,依赖的React native 的na…

1.产生签名的key 该过程会用到keytool,开发过安卓的都应该接触过该东西.详细请见密钥和证书管理工具.在项目的主目录(不是android文件夹)中执行: --生成签名key,注意记下你的密钥和存储密码,后面配置文件需要使用 keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000 --将keystore文件移动至and…

传送门参考: 下面的这个链接很详细了,一步一步就好.... https://github.com/NARUTOyuyang/React-Native 然而在运行react-native run-android的时候报错了,终端显示报错信息如下: 百度一下错误,找到解决办法: 导致构建失败BUILD FAILED. 看到上述的命令行提示,发现他的意思是我们的安卓环境可能配置的不对,还让我们去官网看看,那好吧,咱们到官网一看,有个步骤是这样的, 依照博客介绍一步一步操作即可... 这里其实我的原因还…

问题描述 在android中,当点击某个rn模块的入口按钮,弹出rn的activity到rn的页面展现出来的过程中,会有很明显的白屏现象,不同的机型不同(cpu好的白屏时间短),大概1s到2s的时间. 注意,只有在真机上才会有此现象,在模拟器上没有此现象完全是秒开. 优化分析 通过工具分析,问题主要在下面的代码上, ReactRootView mReactRootView = createRootView(); mReactRootView.startReactApplication(mReac…

import { withNavigationFocus } from 'react-navigation'; class Warngreete extends React.Component { constructor(props) { super(props); } componentDidMount() { this.reload();}      componentWillReceiveProps(newProps) { if(newProps.isFocused){ this.relo…

安装 必须的软件 Homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"…

android:usesCleartextTraffic="true"…

Android Studio 模拟器调出Dev Setting 实现热更新 cmd进入项目目录 F:\study\AwesomeProject> 执行 adb shell input keyevent 82 出现如下图菜单…

cocos2dx 3.1.1   lua项目安卓交叉编译 mac环境 本文基于ant,sdk,ndk,adt等软件和环境已经事前设置好 1\新建项目 在mac的终端下输入命令: cocos new tegame -p com.test.app  -l lua   (后面能够加自己定义的路径) 环境搭建好后能够直接输入以上语句新建项目. 这个新建的lua项目,就是我们用于编译到安卓的cocos项目. 新建的文档,引擎本身已经写好mk文件,不须要改动和编辑,相对来说比較简单.适用于新手学习. 先用x…

cocos2dx 3.1.1 lua项目安卓交叉编译 mac环境下 本文基于ant,sdk,ndk,adt等软件和环境已经事前设置好 1\新建项目 在mac的终端下输入命令: cocos new tegame -p com.test.app -l lua (后面可以加自定义的路径) 环境搭建好后可以直接输入以上语句新建项目. 这个新建的lua项目,就是我们用于编译到安卓的cocos项目. 新建的文档,引擎本身已经写好mk文件,不需要修改和编辑,相对来说比较简单.适用于新手学习. 先用xcode编…

这几天使用react native开发app,遇到一些坑,先记录下来,以后再继续补充 环境搭建 打开react native中文网,发现环境搭建特么也太复杂了,安装各种插件/软件,对于我们 编辑器+浏览器 就能搞事情  的前端开发人员来说,确实有些蛋疼,特别是有些包还需要***,甚至***也下不下的时候. 那么,可不可以不按照它指定的搭建方式去搭建,经过尝试,完全可以不用安装那么多东西.下面开始我的简单版环境搭建 安装java jdk  / android sdk /  配置环境变量 / 链接手…

React Native -IOS 开发环境搭建 web架构(基础) 安装依赖 * 必须安装的依赖有:Node.Watchman 和 React Native 命令行工具以及 Xcode. npm 镜像 npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global Yarn.React Native 的命令行工…

为何要自己编译React Native安卓私有代码 我们在开发中遇到一个HTTP2的问题,React Native安卓客户端在和HTTP2支持的服务器通讯的过程中会有crash,见 React-Native HTTP2 issue How to build private build 由于时间紧急,发布期限已经拖了好久了,没法等待官方解决方案,只能在本地做修复然后发布. 编译私有React-Native 针对android,React-Native有官方指导说明. 过程中遇到不少坑,记录如下:…

React Native是什么 React Native是facebook开源的一个用于开发app的框架.React Native的设计理念:既拥有Native (原生) 的用户体验.又保留React的开发效率.这个理念似乎迎合了业界普片存在的痛点,自2015年9月份开源不到1周github star破万. 虽然React Native官方声明开发需要使用mac本,但是如果只是想用React Native来开发一个android应用,也是可以在windows下进行的. React Native配…

最近想在项目中实现跨平台,对比一下主流的实现方式,选用了React Native.参考网上的教程,对于一直都是原生移动端开发,对前端的知识不是很了解的,感觉入门不是特别简单.于是打算把学习React Native的过程记录下来. 环境配置 基本参考React Native中文网搭建开发环境教程 搭建开发环境 安装流程就不详细写了,毕竟平台不同,系统原有软件的版本也不同,就算再详细下出来,也很难涉及全,可参考价值不大,况且React Native中文网写得很全面了. 我自己homebrew,Nod…

参考:http://www.lcode.org/react-native/ React native中文网:http://reactnative.cn/docs/0.23/android-setup.html#content 1.安装Jdk(最好默认安装路径尽量别改) http://jingyan.baidu.com/article/a24b33cd59b58e19fe002bb9.html http://www.jb51.net/article/36811.htm(三个环境变量都配置)  Ja…

第一次接触React Native,首先搭建环境,过程还算顺利,不过也遇到了些问题,这里简单记录下来.中文官网(http://reactnative.cn/docs/0.47/getting-started.html#content) 1.下载安装Python2(不支持Python 3) 官网建议使用Chocolatey来安装,但是Chocolatey需要FQ,所以我是直接下了Python2. 2.下载安装node 这个也是直接下载安装的,原因同上. 安装完node后建议设置npm镜像以加速后面…

官网 https://facebook.github.io/react-native/ 中文网站 http://reactnative.cn/ 相关文档 http://www.lcode.org/史上最详细windows版本搭建安装react-native环境配置/ React Native的简单介绍 环境搭建 1.安装Java 下载jdk1.8版本,配置好环境变量,可以使用 java -version查看是否安装成功 2.安装Android SDK 安装node环境…

前言 React Native由Facebook公司于2015年F8大会上开源,其主张“Learn once, write everywhere”.React Native的核心设计理念是:既拥有Native(原生)的用户体验,又拥有React的开发效率. 目前,React Native已经基本上完成了对多端的支持,实现了真正意义上的面向配置的开发.开发者可以灵活的使用HTML和CSS进行布局,使用React语法构建组件,实现H5.Android.iOS等多端的代码复用. 就目前来看,React…

React Native 是一个 JavaScript 的框架,用来撰写实时的.可原生呈现 iOS 和 Android 的应用.其是基于 React的,而 React 是 Facebook 的用于构建用户界面的 JavaScript 库,但是这里不是给浏览器解释的,而是为移动平台.换句话说:如果你是一名 web 开发者,你可以使用熟悉的框架和单一的 JavaScript 代码库,即 React Native来撰写清晰的.高效的移动应用. 我们以前都听说过那些个通用的 app 开发,比如框架 Co…

React Native之code-push的热更新(ios android) React Native支持大家用React Native技术开发APP,并打包生成一个APP.在动态更新方面React Native只是提供了动态更新的基础,对将应用部署到哪里,如何进行动态更新并没有支持的那么完善.好在微软开发了CodePush,填补React Native 应用在动态更新方面的空白.CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务.下面将向大…

1 React Native安卓项目打包APK 1.1 产生签名的key 先通过keytool生成key 1 keytool -genkey -v -keystore demo-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 20000 将生成的key启动到项目android/app目录下面 1 mv demo-release-key.keystore android/app/ 1.2 修改…

跨平台框架 什么是跨平台框架? 这里的多个平台一般是指 iOS 和 Android . 为什么需要跨平台框架? 目前,移动开发技术主要分为原生开发和跨平台开发两种.其中,原生应用是指在某个特定的移动平台上,使用平台所支持的开发工具和语言,直接调用系统提供的 API 所开发的应用. 其优势体现在: 可以快速访问本平台的全部功能,比如摄像头. GPS 等: 原生应用的速度快.性能高,而且可以实现比较复杂的动画和绘制效果,用户体验较好. 缺点也很明显,主要体现在: 开发成本较高,不同的平台必须维护不同…

目录: 一.前言 二.什么是React Native 三.开发环境搭建 四.预备知识 五.最简单的React Native小程序 六.总结 七.参考资料   一.前言 虽然只是简单的了解了一下React的皮毛,但是对React Native的学习就轻松了好多.所以在学习React Native之前,最好还是先学习一下React.因为我学习的iOS开发,对iOS更加了解,所以里面主要涉及到的平台也是iOS.   二.什么是React Native React Native是一款用来开发真正原生.可…