12

Hello World,Как сделать горизонтальный ListView в native-native

Я ищу способ сделать горизонтальный ListView In React-native. как на картинке ниже: https://i.stack.imgur.com/D4RA5.jpg

Я попытался это удалось с Flex, но это делает меня stranges результаты, и всегда с вертикальным ListView

Если у вас есть какие-либо идеи, дайте мне знать.

С уважением,

+1

Не вы пытаетесь Реагировать родной Scrollview (https://facebook.github.io/react-native/docs/scrollview.html) с горизонтальным = {верно} проп? меня устраивает. –

+0

Спасибо Dinith ;-) Вы просто решили мою проблему –

ответ

29

Ответ добавить набор свойств для горизонтального true.

Да это не описано в док: https://facebook.github.io/react-native/docs/listview.html

Так, очевидно, ListView является Дитя ScrollView, чтобы он получил Horizontal Bool.

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

Ciao

+0

Хороший ответ, но на самом деле 'ListView' использует' ScrollView' под капотом. – Ismail