listView 的dataSource是需要初始化的,可以通过ds.cloneWithRows({})来初始化一个空的数据源,通过cloneWithRows来向dataSource注入数据。
contentContainerStyle: 设置ListView内部元素的样式,通过设置flexDirection来控制子控件是横着还是竖着排列,flexWrap控制子控件显示是单行还是多行其结果取值:
nowrap:flex容器为单行。该情况下flex子项可能会溢出容器。
wrap:flex容器为多行。该情况下flex子项溢出的部分会被放置到新行,子项内部会发生断行。
wrap-reverse:反转 wrap 排列。
如果想要listview可以实现横向滑动的话可以设置 horizontal = {true}
<ListView
ref = {(listView) => {this._listView = listView}}
style = {styles.container}
dataSource = {this.state.dataSource}
renderRow={this._renderRow}
horizontal = {true}
showsHorizontalScrollIndicator = {false}
pagingEnabled = {true}
onScroll = {(event) => {
this._scroll(event);
}}
/>
网友评论