如何在react-native中刷新清单中的特定行？

Question

我正在尝试刷新清单中的特定单元格/行。加载数据后如何刷新一个单元格。刷新后显示数据吗？

是否有可能在react-native视图中刷新特定行？例如，我在<View/>内嵌套嵌套显示一行图像。

Answer 1

您可以尝试extraData中的FlatList来更新平板列表中的特定项目。 当状态改变时，平面列表将重新呈现。

<FlatList

    extraData={this.state}
    data={this.state.asPerCode}
    renderItem={this.renderPost}

/> 

您可以在React Native Flatlist文档中检查其他数据。

希望对您有帮助！

Answer 2

我相信您可能正在寻找React.PureComponent，它实现了浅层的道具和状态比较，以决定是否需要重新渲染。您也可以使用shouldComponentUpdate() on React.Component来实现。

已经有example in FlatList's docs演示了如何使用PureComponent呈现列表，只需向下滚动并查找“更复杂的示例”：）

如果您更喜欢使用Functional Component而不是Class Component，请结帐React.memo，这与React.PureComponent类似，但适用于Functional Components。希望对您有所帮助。