1.
这种3目，两种选择的组件是一个类型 ，记得加 key， 不然会混淆,切换的不对
2.React-native jsx 九宫格 写法：
<Image source={require('../../../img/miniGame/yuezhan/yuezhan_title.png') } resizeMode = 'stretch' style={{ width: stretchWidth, height: stretchHeight, alignSelf: 'center' }} capInsets={{ top: 42, left: 22, bottom: 6, right: 22 }} >
</Image>
3.展现定宽高的横向listView：
<ListView style={{height: 135}} //这个是listView 可看到的大小，不要设置 content 大小 initialListSize ={20} // 这个要设置的，默认是10个好像 enableEmptySections={true} dataSource={this.state.dataSource} renderRow={this._renderRow.bind(this) } contentContainerStyle={{ flexDirection: 'row', flexWrap: 'wrap', paddingBottom: 5 }} />
4.TableView 切换成可 （拖动排序,左滑删除）状态的使用方法：
render() { let sections = null; let items = this.state.obj.map((u, i) => ( <Item key={i} tag={u.label}/> )); sections = ( <Section canEdit={true} canMove={true}> // 这个地方不要用state变量，切换状态不流畅 {items} </Section> ); return ( <View style={{ flex: 1, flexDirection: 'row', backgroundColor: 'lightgrey' }}> <TableView ref='tableview' editing={true} reactModuleForCell='GroupTagCell' onChange={this._onChange.bind(this) } style={{ flex: 1 }} > {sections} </TableView> </View> );
5. 构造函数，渲染函数中 不能 setState。
6.如果你用了 redux, 请把需要缓存的放入action（比如音效状态），其他的就跟界面文件一起写。 redux 会缓存，让你第二启动界面，有一个很尴尬的过渡过程。
7.ListView 里面的 renderRow 渲染 cell 方法里，慎用 flex:1 。
8. jsuri 让你方便的处理url
9.store 里面的对象取出来也要用
