1.环境搭建部分 安装完node后建议设置npm镜像以加速后面的过程(或使用***工具).注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别! npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global 官方文档0.44mac下搭建,使用homebrew安装东西,可先制定国内…

在<Mac系统下React Native环境搭建>配置了RN的开发环境,然后,本文记录在现有iOS项目集成React Native的过程,官方推荐使用Cocoapods,项目一开始也是使用它,只是有时安装库很慢,还不如复制粘贴库来的快,就删除它了,这里就使用手动集成的方式吧. 1. 新增React Native文件路径和json说明文件,进入项目根目录(*.xcodeproj文件所在目录): mkdir reactnative cd reactnative vim package.json  …

调试react native的项目有一个报错: there is no route defined for key XXXX 它发生在我调试TabNavigator选项卡路由器的时候,我把如下代码的Agreement路由转移到了另一个StackNavigator中.明明我在HomeStack中定义好了呀. const TabsNavigator=createBottomTabNavigator({ Home:{ screen:HomeStack }, Second:{ screen:Second…

1.关于React Native导出组件的export default和export的问题: 一个文件只能有一个export default,可以有多个export export class Template{} export class AnotherTemplate{} 文件的引用: import {Template,AnotherTemplate} from './components/Templates'; 使用export default的引入: import Template fro…

1.端口问题 在调试的时候,监听的是8081端口.如果被占用,会报错,并且在reload的时候导致app直接崩掉. 2.插件网站收集 https://nativebase.io/ https://js.coach 3.gradle默认路径的配置 可以在gradle-wrapper.properties文件中,看到React Native的Gradle配置,里面用到了GRADLE_USER_HOME #Thu Jun 16 22:28:01 EST 2016 distributionBase=GR…

1.propTypes: static propTypes = { name:PropTypes.string, ID:PropTypes.number.isRequired, } 'isRequired' 表示如果不传递这个属性,那么开发阶段中,系统会出现警告,让我们对其进行属性确认,也就是说是否为必须属性. 1>属性为任何类型: React.PropTypes.any 2>属性是否是 JavaScript 基本类型: React.PropTypes.array; React.PropTyp…

前言 很久之前就想研究React Native了,但是一直没有落地的机会,我一直认为一个技术要有落地的场景才有研究的意义,刚好最近迎来了新的APP,在可控的范围内,我们可以在上面做任何想做的事情. PS:任何新技术的尝鲜都一定要控制在自己能控制的范围内,失败了会有可替换方案,不要引起不可逆的问题,这样会给团队造成灾难性的后果. 事实上,RN经过一段时间发展,已经有充分数量的人尝试过了,就我身边就有几批,褒贬也不一: ① 做UI快 ② 还是有很多限制,不如原生Native ③ 入门简单,能让前端快…

<!----iOS> <!----Swift>*IOS开发常用社区:http://code4app.com/ *IOS开发常用社区:http://www.cocoachina.com/*IOS开发常用社区: http://www.oschina.net/*IOS开发常用社区:http://www.cnblogs.com/ *IOS开发常用社区:http://www.csdn.net/ *IOS开发常用社区:http://www.51cto.com/   *IOS开发常用社区:htt…

来自:https://github.com/ele828/react-native-guide React Native指南汇集了各类react-native学习资源.开源App和组件 React-Native学习指南 本指南汇集React-Native各类学习资源,给大家提供便利.指南正在不断的更新,大家有好的资源欢迎Pull Requests! 同时还有Awesome React Native系列https://github.com/jondot/awesome-react-native 目…

以下是本人在React Native开发工作中使用的一些小技巧,记录一下. 1.从网络上拉取下来的React Native缺少React和React Native库. 终端 1. cd 项目根目录 2. npm install 3. 完成之后,在根目录中会出现node_modules文件夹(和package.json同级目录).OK.接下来使用Xcode再次打开就好了. 2.如何导入第三方库. 1.cd 项目根目录 2.npm i 库名 --save 如: npm i react-native-…