React Native - 用于动画问卷的 Scrollview 或 Flatlist

Question

我正在尝试创建一个简单的动画问题和多项选择答案风格的健康评估like so。在这个例子中，每个问题都有相应的答案选项，选择一个特定的答案将导致一个唯一的下一个问题（例如，问题 1 =“你经常锻炼吗？；答案 1 =“是”；问题 2 =“好的，如何你经常锻炼吗？”）。此外，您选择的问题和答案会显示在屏幕顶部，但单击您之前的答案会返回问题和答案，因此您可以根据需要重新回答。

我对 React Native 还很陌生，所以如果这是一个初学者的问题，我很抱歉，但是要构建它，我应该实现滚动视图还是平面列表？我正在考虑将所有问题和答案键放入 firebase 并映射到它们以显示问题并匹配多项选择答案。

Answer 1

我会推荐FlatList。正如 React 文档中所讨论的，ScrollView 更容易实现，但由于它同时渲染所有子节点，因此存在性能下降。

FlatList 还支持开箱即用的分隔符、多列和无限滚动。