ios - React Native ListView 具有可更新的固定部分标题

Question

我在我的 ListView 中制作了一个响应状态变化的节标题，但我意识到我需要修复它。但是在将其从 renderHeader 更改为 renderSectionHeader 后，它是固定的，但不再响应状态更改。

    <ListView
      dataSource={this.state.dataSource}
      renderHeader={this.renderHeader}
      renderRow={this._renderRow}
    />

renderHeader: function() {
return (
  <View>
    <Text>{this.state.header}</Text>
  </View>

通过这种方式，如果状态发生变化，文本(或任何内容)将相应更新。但是当滚动列表时，标题不固定。

    <ListView
      dataSource={this.state.dataSource}
      renderSectionHeader={this.renderSectionHeader}
      renderRow={this._renderRow}
    />

renderSectionHeader: function() {
return (
  <View>
    <Text>{this.state.header}</Text>
  </View>

然而，使用上面的代码，部分标题在滚动时固定在适当的位置，但是当更改状态时，它们奇怪地不会像在普通标题中那样在部分标题中更新。

Answer 1

如果您使用 renderSectionHeader 来呈现标题，则需要使用 cloneWithRowsAndSections 而不是 cloneWithRows。

Here是关于如何根据您的数据实现这一点的很好的讨论。

Here是 GitHub 上 cloneWithRowsAndSections 的实现。