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

时间:2018-04-24 18:51:00

标签: reactjs react-native react-native-scrollview

我正在尝试创建一个简单的动画问题和多项选择答案风格的健康评估like so。在这个例子中,每个问题都有相应的答案选项,选择一个特定的答案会产生一个独特的下一个问题(例如,问题1 =“你经常锻炼吗?;答案1 =”是“;问题2 =”好的,如何你经常锻炼吗?“)。另外,你选择的问题和答案会动画到屏幕的顶部,但点击你之前的答案会带回问题和答案,这样你就可以重新回答它。

我对React Native相当新,所以如果这是一个初学者问题,我道歉,但要构建这个,我应该实现一个scrollview或flatlist吗?我正在考虑将所有问题和答案键放在firebase中并映射到它们上以显示问题并匹配多项选择答案。

1 个答案:

答案 0 :(得分:1)

我建议FlatList。正如React文档中所讨论的那样,ScrollView更容易实现,但由于它会立即呈现所有子项,因此会降低性能。

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