1. 程式人生 > >React Native ListView載入不全

React Native ListView載入不全

首先看了下DataSource ,資料沒有問題,但是隻能滑動一下才能載入完全。

官方的解決辦法還沒找到,用了一個別的辦法先解決需求,之後再做研究。

 

初始化ListView

<ListView                    
    ref={(listview) => this.listView = listview}
    bounces={true}
    enableEmptySections={true}
    style={{width: width}}
    dataSource={dataSource}
    renderRow={this.renderRow.bind(this)}
    contentContainerStyle={{flexDirection: 'row', flexWrap: 'wrap', justifyContent:'space-between'}}
/>

 

在componentDidUpdate 中對ListView進行一個畫素的滾動

componentDidUpdate() {
    let scrollResponder = this.listView.getScrollResponder()
    scrollResponder.scrollTo({y: 1, animated: true})
}

暫時能解決問題,之後再研究