美文网首页
react native ListView

react native ListView

作者: 牵着蜗牛散步Zz | 来源:发表于2017-10-26 18:29 被阅读0次

    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);
                       }}
    />
    

    相关文章

      网友评论

          本文标题:react native ListView

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