美文网首页
React Native遇到问题

React Native遇到问题

作者: 回调的幸福时光 | 来源:发表于2016-04-18 13:21 被阅读685次

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这个函数。

  1. 箭头函数 =>
    () => 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大于或者小于图片实际高度,则会等比拉伸

相关文章

网友评论

      本文标题:React Native遇到问题

      本文链接:https://www.haomeiwen.com/subject/nhkalttx.html