突出显示react-native ListView中的顶行

时间:2017-04-05 03:15:13

标签: javascript listview reactjs react-native

我目前正在尝试突出反应原生ListView中的顶级元素。

ListView是否可以识别哪个行组件位于滚动视图顶部?

如果没有,我将如何选择可见行的最低整数rowID?

renderRow(rowData, sectionID, rowID) {
    return (
      <MyRow
        {...rowData}
        key={rowData.detailID}
        onDetailPress={() => this.onDetailPress(rowData, rowID)}
      />
    );
  }

1 个答案:

答案 0 :(得分:1)

您可以使用onChangeVisibleRows,其中列出了可见行和已更改其可见性的行。这样的事情应该做:

<MyRow
    {...rowData}
    key={rowData.detailID}
    onDetailPress={() => this.onDetailPress(rowData, rowID)}
    onChangeVisibleRows={(visible, changed) => this.highlightRow(visible[0])}
/>

您可能需要使用要突出显示的项目更新数据源,该项目包含指示它的状态。