1.认识代码结构
批量注册组件(语法糖),创建组件,创建样式,组件注册
2.Es6和Es5的差异
3.Jsx
4.flow工具提供的 JS类型检查
参数:类型 function():类型{} 表示检测返回类型
5.ListView
创建数据, new ListView.DataSource(DataHasChanged: (r1,r2) => r1!==r2)
其中的参数部分是一个判断,检查数据是否改变,当渲染时只渲染数据更新的部分。
但是只有this.state.datasource.cloneWithRow();才会调用DataHasChanged这个函数。
- 箭头函数 =>
() => statement;
左边是参数,右边是函数执行语句,或者返回的结果。
7.Chrome React develop tools插件在Windows上不可用
F12打开开发者工具,在其中找不到React tab.
8.一些atom插件
block-comment 块注释 ctrl + shift + /
ctrl + Comma 进入setting Comma是逗号键
ctrl + alt + k 初音未来
Ctrl + shift + p 全局搜素
9. use-strict
10. image resizeMode 可取的值
cover:等比拉伸
strech:保持原有大小
contain:图片拉伸 充满空间
Image.resizeMode.strech。
11.第三方组件react-native-swiper实现图片轮播
http://vczero.github.io/react_native/%E7%AC%AC4%E7%AF%87react-native%E5%B8%83%E5%B1%80%E5%AE%9E%E6%88%98%EF%BC%88%E4%BA%8C%EF%BC%89.html
<swipwer height={150} /> 里面的height属性表示外部高度
优先级高于样式
slide: {
height:150,
resizeMode: Image.resizeMode.strech,
}
上面代码中如果height大于或者小于图片实际高度,则会等比拉伸