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

Question

我正在寻找一种在 React-native 中制作水平 ListView 或 FlatList 的方法。
如下图所示:

我试图用 Flex 管理它，但它让我感到奇怪的结果，而且总是使用垂直的 ListView
如果你有任何想法，请告诉我。
问候，

Answer 1

答案是添加水平属性设置为true .

是的，文档中没有描述:https://facebook.github.io/react-native/docs/listview.html

很明显，ListView 是 ScrollView 的 child ，所以他得到了 Horizo​​ntal Bool。

<ListView
    horizontal={true}
    style={{flex:1}}
    dataSource={this.state.dataSource}
    renderRow={(data) => <Row {...data} />}
/>

<FlatList
    horizontal={true}
    data={this.props.data}
    extraData={this.state}
    keyExtractor={this._keyExtractor}
    renderItem={this._renderItem}
/>

再见