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