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

Question

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

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

标签： reactjsreact-nativereact-native-scrollview

Answer 1

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

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