12

Hello World,如何在反应本机做水平ListView

我正在寻找一种方法来制作一个水平的ListView在React-native中。 像下面的图片:https://i.stack.imgur.com/D4RA5.jpg

我试着使用Flex管理,但它让我似有结果,并始终以垂直的ListView

如果您有任何想法,让我知道。

问候,

+1

你不是试图用做出反应水平滚动型原生(https://facebook.github.io/react-native/docs/scrollview.html)= {}真托?这个对我有用。 –

+0

Thanks Dinith ;-)你只是解决了我的问题 –

回答

29

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

没错这就是没有在文档中描述:https://facebook.github.io/react-native/docs/listview.html

所以,很显然一个ListView是滚动型的孩子,所以他得到了水平布尔。

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

+0

一个很好的答案,但实际上'ListView'在引擎盖下使用了'ScrollView'。 – Ismail