react-native - 如何在 react-native 中执行水平 ListView 或 FlatList

Question

我正在寻找一种在 React-native 中制作水平 ListView 或 FlatList 的方法。

如下图：

我试图用 Flex 来管理它，但它让我感到奇怪，而且总是使用垂直的 ListView

如果你有任何想法，请告诉我。

问候，

Answer 1

答案是将水平属性集添加到true.

是的，现在它在文档中有所描述：https ://reactnative.dev/docs/flatlist#horizo​​ntal

很明显，FlatList 是 ScrollView 的子项，所以他得到了 Horizo​​ntal Bool。

  <FlatList
    horizontal={true}
    data={DATA}
    renderItem={renderItem}
    keyExtractor={(item) => item.id}
    extraData={selectedId}
  />

再见

Answer 2

感谢您的最后回答， ListView 现在已弃用。

FlatList 的解决方案：

<FlatList
    style={styles.videos_flatList}
    horizontal={true}
    data={data1}
    renderItem={({item}) => 
        <RowItem/>
    }

    ItemSeparatorComponent={() => {
        return (
            <View
                style={{
                height: "100%",
                width: 20,
                backgroundColor: "#CED0CE",

                }}
            />
        );
    }}

    keyExtractor={(item, index) => index.toString()}
/>