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知识点的更多相关文章

  1. react native 知识点总结(一)

    一.关于react native 版本的升级 参照文档:http://reactnative.cn/docs/0.45/upgrading.html react-native -v   查看当前版本 ...

  2. React Native专题-江清清

    本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入门,基础,进阶相关讲解. 刚创建的React Native交流8群:533435865  欢迎各位大牛, ...

  3. React Native开源项目案例

    (六).React Native开源项目: 1.Pober Wong_17童鞋为gank.io做的纯React Native项目,开源地址:https://github.com/Bob1993/Rea ...

  4. React Native 开源项目汇总

    最近闲来无事,学习了React Native开发Android APP,自我感觉RN APP的效果和Native APP比还是蛮不错,以下是找到的一些优秀源码,仅供学习参考... React Nati ...

  5. react native定报预披项目知识点总结

    1.TextInput组件对安卓的适配问题 textInput 在iOS 显示正常,但是在android下会出现下横线,并且字会被遮盖 因此一般都这么用该组件 <TextInput style= ...

  6. 【React Native】React Native项目设计与知识点分享

    闲暇之余,写了一个React Native的demo,可以作为大家的入门学习参考. GitHub:https://github.com/xujianfu/ElmApp.git GitHub:https ...

  7. React Native细节知识点总结<二>

    1.关于React Native导出组件的export default和export的问题: 一个文件只能有一个export default,可以有多个export export class Temp ...

  8. React Native 之生命周期

    前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所 ...

  9. React Native知识5-Touchable类组件

    React Native 没有像web那样可以给元素绑定click事件,前面我们已经知道Text组件有onPress事件,为了给其他组件 也绑定点击事件,React Native提供了3个组件来做这件 ...

随机推荐

  1. Linux下拷贝目录和删除

    cp命令用于复制文件或目录,若同事指定两个以上的文件或目录,切最后一个目的地是一个已存在的目录,则它会把前面指定的所有文件或目录复制到此目录中.若同时指定多个文件或目录,而最后的目的地并非一个已存在的 ...

  2. IOS 作业项目(4)步步完成 画图 程序(上)

    先上流程图

  3. Charlie's Change_完全背包&&路径记录

    Description Charlie is a driver of Advanced Cargo Movement, Ltd. Charlie drives a lot and so he ofte ...

  4. JS实现Tab选项卡

    http://www.jb51.net/article/24694.htm http://www.sunsean.com/idTabs/#t1 http://www.cnblogs.com/sskse ...

  5. Warning: Data truncated for column 'AirPress' at row 1

    /************************************************************************ * Warning: Data truncated ...

  6. apache2将http自动指向https

    <VirtualHost *:80> RewriteEngine On RewriteCond %{HTTPS} off RewriteRule (.*) https://%{HTTP_H ...

  7. jconsole远程查看jvm性能

    Java VisualVM -- JDK自带的强大性能监测工具 这里给出了另一种,可以通过jdk下bin目录下的jconsole.exe来观察java程序内存的使用及变化情况 一般远程调试可以用,性能 ...

  8. eclipse ERROR: Unable to add module to the current project as it is not of ...

    原因: Workspace下放了个POM文件,造成了M2eclipse插件的误解. 解决方案: 删掉就OK了.

  9. php防注入留言板(simple)

    新手学php,试手案例便是留言板.以前未连接数据库时,我是直接将用户输入的留言写入到一个txt,然后再从txt读取显示(~.~别鄙视). 最近学习了php访问MySQL数据库的一些知识,重写了一下留言 ...

  10. Linux下用C读取配置文件。类似ini这样。

    Introduction ccl is the customizable configuration library, a collection of functions for applicatio ...