React Native - Activity FlatList 加载图像时的指示器

Question

每当我的应用程序安装时，我都会设置：

constructor(props) {
    super(props);
    this.state = {
        loading: true
    };
}

我有一个 activity 指标，它会一直运行到 loading: false:

{this.state.loading &&
    <View style={styles.loading}>
         <ActivityIndicator color="red" animating={this.state.loading} />
    </View>
}

我尝试在 FlatList 的文档中搜索一种方法，它会告诉我是否所有项目都已呈现，因此我可以调用 this.setState({loading: false}); 但是，我没能找到这样的方法。

有人知道如何在列表加载数据时显示我的 activity 指标吗？

Answer 1

你的问题与react native无关。这就是为什么您在 React Native 文档中找不到任何相关帮助的原因。

假设您的数据是异步传入的，并且对于您的问题，您无法确定此异步操作何时结束。

使用 promises 或 async await 或类似的任何其他功能，确定此异步操作何时结束，然后使用 setState 禁用 activity 指示器，然后显示 flatList。

如果您需要对上述内容进行更多解释或澄清，请告诉我。

React Native - Activity Indicator while FlatList loads images