React Native 水平滚动垂直视图(Dafault)平面列表

q9rjltbz  于 2023-06-24  发布在  React
关注(0)|答案(1)|浏览(87)

我有一个像FlatList这样的组件,在里面我使用ScrollView水平滚动图像。

<FlatList
    data={feed} 
    renderItem={renderPosts} 
    ListEmptyComponent={<ListEmptyComponent title="We don't have anything to show you!" />} 
    refreshControl={<RefreshControl onRefresh={fetchFeed} refreshing={loading} />}
    />

在renderPosts我有这样的东西

<View>
    ...other content
    <ScrollView horizontal={true}>
        <Image
            ...
            />
    </ScrollView>
    ...other content
</View>

所以问题是,我希望这个图像可以在垂直的FlatList中水平滚动。

更新

我尝试了ScrollView中的horizontal={true} prop 值,但我有这个bug,可以在下面的链接中看到,其中包含一个视频。请检查一下。
Screenrecording

6jjcrrmo

6jjcrrmo1#

horizontal-为true时,滚动视图的子项水平排列成行,而不是垂直排列成列。

来自React Native文档https://reactnative.dev/docs/scrollview#horizontal

<View>
    ...other content
    <ScrollView horizontal={true}> // <-- add the horizontal prop
        <Image
            ...
            />
    </ScrollView>
    ...other content
</View>

相关问题