React Native知识点
1. Live Reload和Hot Reloading的区别:
相同点:都是你只要保存一下原文件,那么App就会实时刷新。
区别:Live Reload是全局刷新,而Hot Reloading是局部刷新。
2. 有时候我们修改了代码,在手机上并不会实时更新代码。
解决的办法就是打开文件(是下面2个路径中的一个):
app_name\node_modules\react-native\packager\react-packager\src\node-haste\FileWatcher\index.js
或 app_name\node_modules\react-native\node_modules\node-haste\lib\FileWatcher\index.js
修改变量MAX_WAIT_TIME:
// var MAX_WAIT_TIME = 120000;
var MAX_WAIT_TIME = 360000;
3. ScrollView组件的样式不能用 style={} 来写,需要用 contentContainerStyle={}。
<ScrollView contentContainerStyle={[styles.flex1,styles.h_v_center]}>
4.由于react native没有br标签,需要换行只能将换行符插入:
{'\n'}
在字符串中用 \n 来代替。
5.有时候实现垂直居中,需要给元素加flex:1;这个样式。
6.不要给ScrollView加flex:1;这个样式,否则无法出现滚动条。
7.获得当前路由的名字(如果当前路由是首页,点击首页,不跳转):
_jumpToHome(){
const {navigator} = this.props;
const routers = navigator.getCurrentRoutes();
// routers[0].component.name:获取当前路由名字
// 如果当前路由是首页FirstPage,点击首页,不跳转
if(navigator && routers[0].component.name != "FirstPage"){
navigator.push({
name:'FirstPage',
component:FirstPage
})
}
}
8.windows目录:C:\Users\xxx\.gradle 里没有 gradle.properties 文件时,需要手动创建。
9.
React Native知识点的更多相关文章
- react native 知识点总结(一)
一.关于react native 版本的升级 参照文档:http://reactnative.cn/docs/0.45/upgrading.html react-native -v 查看当前版本 ...
- React Native专题-江清清
本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入门,基础,进阶相关讲解. 刚创建的React Native交流8群:533435865 欢迎各位大牛, ...
- React Native开源项目案例
(六).React Native开源项目: 1.Pober Wong_17童鞋为gank.io做的纯React Native项目,开源地址:https://github.com/Bob1993/Rea ...
- React Native 开源项目汇总
最近闲来无事,学习了React Native开发Android APP,自我感觉RN APP的效果和Native APP比还是蛮不错,以下是找到的一些优秀源码,仅供学习参考... React Nati ...
- react native定报预披项目知识点总结
1.TextInput组件对安卓的适配问题 textInput 在iOS 显示正常,但是在android下会出现下横线,并且字会被遮盖 因此一般都这么用该组件 <TextInput style= ...
- 【React Native】React Native项目设计与知识点分享
闲暇之余,写了一个React Native的demo,可以作为大家的入门学习参考. GitHub:https://github.com/xujianfu/ElmApp.git GitHub:https ...
- React Native细节知识点总结<二>
1.关于React Native导出组件的export default和export的问题: 一个文件只能有一个export default,可以有多个export export class Temp ...
- React Native 之生命周期
前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所 ...
- React Native知识5-Touchable类组件
React Native 没有像web那样可以给元素绑定click事件,前面我们已经知道Text组件有onPress事件,为了给其他组件 也绑定点击事件,React Native提供了3个组件来做这件 ...
随机推荐
- # 20145210 《Java程序设计》第05周学习总结
教材学习内容总结 第八章 异常处理 8.1语法与继承架构 •使用 try.catch •Java中所有信息都会被打包为对象,如果愿意,可以尝试(try)捕捉(catch)代表错误的对象后做一些处理 • ...
- CF700C (枚举+tarjan)
Problem Break up (CF700C) 题目大意 给一张n个点,m条边的无向图,有边权,和起点S,终点T. (n<=1000 , m<=30000) 要求最多割掉2条边,使得S ...
- dedecms织梦
dedecms的安装,其修改连接数据库文件是:common.inc.php
- Http方法:Get请求与Post请求的区别
Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求Get是获取信息,而不是修改信息,类似数据库查询功能一样,数据不会被修改Get请求的参数会跟在url后进行传递,请求的数据会 ...
- Redis 设计与实现读书笔记一 Redis字符串
1 Redis 是C语言实现的 2 C字符串是 /0 结束的字符数组 3 Redis具体的动态字符串实现 /* * 保存字符串对象的结构 */ struct sdshdr { // buf 中已占用空 ...
- 【avalon】data
if (root.dataset) { avalon.fn.data = function (name, val) { name = name && camelize(name) va ...
- 一秒钟Win7笔记本变无线路由器
开启windows 7的隐藏功能:虚拟WiFi和SoftAP(即虚拟无线AP),就可以让电脑变成无线路由器,实现共享上网,节省网费和路由器购买费.亲测通过,比conncetify方便,稳定,网速好! ...
- selenium Gird
selenium-server selenium Gird testcase-----------------hub -------------------node1 ---------------- ...
- PAT (Basic Level) Practise:1040. 有几个PAT
[题目链接] 字符串APPAPT中包含了两个单词“PAT”,其中第一个PAT是第2位(P),第4位(A),第6位(T):第二个PAT是第3位(P),第4位(A),第6位(T). 现给定字符串,问一共可 ...
- iPhone不为人知的功能常用技巧,看完后才发现很多用iPhone的人实在是愧对乔布斯! - imsoft.cnblogs
很多人花了四五千买部苹果,结果只用到四五百块钱的普通手机功能. iPhone不为人知的功能,常用技巧: 网上搜集整理的iPhone快捷键操作,虽然表面上iPhone按键只有一个HOME键,大部分操作都 ...