RN 的一些小问题

RN 0.44 之前的版本 ScrollView 有一个 bug，就是渲染ScrollView 的时候如果不加一个 marginTop，页面会从最顶部开始渲染。 错误的理解：本来状态栏就不占用页面空间，相当于是一个fixed 定位的元素，页面元素的渲染本来就是从最顶部开始渲染的，所以不加 marginTop 会从最顶部开始渲染是正常的。加上 marginTop 或者在外面的 View 中加一个 paddingTop 也是 OK 的

React Native 的核心就是 状态驱动UI 。在使用 RN/React 的过程中，只要把状态想清楚了，代码编写起来就很容易了。

组件划分：在编写 RN 的UI的时候一定要先想清楚，页面要如何渲染，需要如何拆分组件？

目录结构： RN 工程中，一个页面就是一个文件夹，一个组件就是一个文件，然后文件夹下面的 index 就是组合所有页面中用到的组件的文件。

google 搜索的时候要选择用英文搜索，用中文很难搜到有价值 的信息。一般 RN 中遇到的问题，在facebook github 的 issue 上面和 Stack Overflow上面都能搜到解决方法。 使用 baidu 一般只能搜到一些博客，搜不到针对具体问题的解决方法。

RN 的本地存储：在手机上的本地储存和在浏览器中的本地存储localStorage 类似，使用到的第三方包是： react-native-storage。

在父类中调用子类自己的方法，然后在渲染子类的时候继承了父类中的方法，父类中的this此时指向的就是子类。所以如果子类中有和 父类中一样的方法，其实就是重写了父类的方法。实质上 ES6 的类就是 ES5 构造函数的语法糖。 参考这里: 谈谈 ES6 中的 class

组件命名，变量命名，样式命名，文件命名，样式的顺序：看似和程序开发不想关的事，其实影响很大，只有命名具有很好的表意性，才能方便后续代码的维护和可读性的保证，否则那段代码没有任何意义，必然是会被 pass 掉的。

命名上的一些规范： 如果是数组，那么命名一般以 list 结尾，如果是 boolean 值，那么一般以 is- 开头，如果是数字一般以 -num， -amount，如果是一般的文本可以考虑是以 -text结尾或者直接是英文名词。

当程序运行出现问题的时候，解决办法就是： 定位到出现问题的地方，一行一行代码地跟下去看看到底是在哪个环节出现了问题。然后通过 Google 搜索去解决这个问题。

在 React Native 中，图片的适配，如果 contain 不起作用的，那么如果能够得到图片的宽度或者是高度，那么就可以通过图片的宽高比来计算出图片的宽或者是高。