我正在编写一个新闻提要，其中FlatList 正在从loadData 的后端获取数据，并在完成后renderItem。用例和我的代码都是标准的。完整代码在这里：https://gist.github.com/pgbovine/8910348，在 cmets 部分我提供了一个用例。
问题是获取数据需要一段时间，我想在数据加载时渲染一个占位符。目前OneFeed 在应用程序加载时是不可见的，当应用程序加载时，它会“跳”到外观中，让一切都变得非常刺耳。
目前还不清楚我将如何实现这一点......因为我无法控制OneFeed.rendreItem 实际呈现的时间......
【问题讨论】：
return this.props.getData ? list : null;
在这里，你可以尝试像这样渲染ActivityIndicator：
return this.props.getData ? list : <View><ActivityIndicator /></View>;
如果您的 ActivitiyIndicator 没有显示在中心，您可以在包含的 View 中添加一些样式。
稍后添加：
我看到的一种常见做法是，您在从后端获取数据时将加载状态设置为 true，并在完成后将其设置为 false。可以参考加载状态显示ActivityIndicator。
此外，为了使您的应用程序的用户体验更佳，值得您花时间考虑在以下场景中要显示的内容：
【讨论】：
this.props.getData 总是返回 true，只要 OneFeed 通过 props 传递函数。并且做this.state.loading ? list : <... /> 会出现不稳定的行为，因为屏幕在滚动时一直是loading
isLoading，并在加载数据时将其设置为 true，并在加载完成后将其设置为 false。