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个组件来做这件 ...
随机推荐
- 3、C#基础整理(语句概述)
语句 语句分为四个大类: * 分支语句:if,if... else,if ...else if... else,switch case * 循环语句:for,while,do while,foreac ...
- 1、SQL基础整理(基本查询)
分离.附加.备份.还原 --去重 select distinct 列名from表名 --更新 update fenshu set name = ‘李四’where code = 9 --更改表名 sp ...
- 用NSOperation和NSOperationQueue实现多线程编程
1.上一讲简单介绍了NSThread的使用,虽然也可以实现多线程编程,但是需要我们去管理线程的生命周期,还要考虑线程同步.加锁问题,造成一些性能上的开销.我们也可以配合使用NSOperation和NS ...
- LeetCode Spiral Matrix II (技巧)
题意: 从1开始产生连续的n2个数字,以螺旋的方式填满一个n*n的数组. 思路: 由于是填满一个矩阵,那么只需要每次都填一圈即可.应该注意特殊情况. 迭代: class Solution { publ ...
- iOS字符串拆分
NSString* poStr = @"local-8009-1408082245-8.wav"; NSArray* poArr1 = [naviAddressAndPort co ...
- Soapui 简单学习整理
post 请求 输入汉字提示错误的问题 ; 如图 将request请求 下的属性 Encoding改为UTF-8
- 虚拟化_KVM
一.KVM介绍 1.KVM全称kernel vitual machine,是针对包含虚拟化扩展(InterVT或AMD-V)的x86硬件上的完全原生的虚拟化解决方案 2.KVM是以色列Qumranet ...
- ISBN号码
总时间限制: 1000ms 内存限制: 65536kB 描述 每一本正式出版的图书都有一个ISBN号码与之对应,ISBN码包括9位数字.1位识别码和3位分隔符,其规定格式如"x-xxx- ...
- 1-4-2 Windows数据类型与重要数据结构
主要内容:介绍Windows数据类型与重要数据结构 1.数据类型 在Windows系统中定义了Windows应用程序中包含种类繁多的数据类型, 部分如下: WORD 16位无符号整数 typedef ...
- iOS 9.0中UIAlertController的用法
UIAlertView和UIActionSheet 被划线了. 苹果不推荐我们使用这两个类了.也不再进行维护和更新 正如苹果所说它现在让我们用UIAlertConntroller 并设置样式为UIAl ...