我刚刚遇到了同样的问题。在这里查看我的问题:React Native ListView 未更新数据更改
基本上,ListView 组件似乎存在错误,您需要重建数据源中更改的每个项目,以便 ListView 重新绘制它。
这是一个工作示例:https://rnplay.org/apps/GWoFWg
首先,创建数据源和数组的副本并将它们保存到状态。就我而言,foods
是数组。
constructor(props){
super(props);
var ds = new ListView.DataSource({
rowHasChanged: (row1, row2) => row1 !== row2,
});
this.state = {
dataSource: ds.cloneWithRows(foods),
db: foods,
};
}
当您想要更改数据源中的某些内容时,请复制保存到状态的数组,重建包含更改的项目,然后将包含更改的新数组保存回状态(数据库和数据源)。
onCollapse(rowID: number) {
console.log("rowID", rowID);
var newArray = this.state.db.slice();
newArray[rowID] = {
key: newArray[rowID].key,
details: newArray[rowID].details,
isCollapsed: newArray[rowID].isCollapsed == false ? true : false,
};
this.setState({
dataSource: this.state.dataSource.cloneWithRows(newArray),
db: newArray,
});
}