26
2017
09

React Native 解决RenderRow只渲染一次

数据源判断, rowHasChanged的时候数据源可变

 let ds = new ListView.DataSource({
            rowHasChanged: (r1, r2) => (r1, r2) => {
                return r1 !== r2;
            }
        });

状态机声明一个数组保存每次。请求下来的数据,利用concat拼接数组

// 状态机声明空数组
 this.state = {
     dataArray: []
 }

网络请求拼接数组

let oldArray = this.state.dataArray;
let newArray = [];
newArray = oldArray.concat(json.data.list)
 this.setState({
     dataSource: dataSource.cloneWithRows(newArray),                    
     dataArray: newArray
 })

重置数据源,通过Object.assign,让renderRow渲染

 let dataArray = Object.assign({}, this.state.dataArray)
        this.setState({
            dataSource: this.state.dataSource.cloneWithRows(dataArray)
        })
上一篇:#字节流转文件 下一篇:朋友圈评论回复的两种实现方式