如何保持我的组件（<mainimage>）和Flatlist组件可滚动？反应本机

时间：2018-07-26 22:30:27

标签： react-native scrollview react-native-flatlist

我在Flatlist上方有这个特殊的组件，该组件可以显示我的卡片，并且我希望它们都可滚动。我试图用ScrollView嵌套它们：

<ScrollView>
    <MainImage/>

    <FlatList />
 </ScrollView>

它可以工作，但是我的普通用户列表失去了约束内存的能力，因为我有很多数据使应用程序滞后直到崩溃。

enter image description here

如果从我的MainImage组件中删除ScrollView，它会卡在屏幕上，并且卡片在其后滚动，这并不酷。

<View>
   <MainImage/>

   <FlatList/>
</View>

enter image description here

如何使两个组件都能滚动而不损失性能？ obs：我使用的是React Native的0.55版

1 个答案:

答案 0 :(得分：0)

您还可以在列表上方使用可折叠的导航栏，而不是使用单独的MainImage组件。人们正在这样做，并且在此链接（https://medium.com/appandflow/react-native-collapsible-navbar-e51a049b560a）中给出了示例

相关问题
最新问题