12

Witaj, świecie,Jak utworzyć poziomy ListView w trybie macierzystym reagowania

Poszukuję sposobu na utworzenie poziomego ListView In React-native. jak na zdjęciu poniżej: https://i.stack.imgur.com/D4RA5.jpg

starałem się to udało z Flex, ale to czyni mnie Stranges wyniki, i zawsze z pionowym ListView

Jeśli masz jakiś pomysł, daj mi znać.

Pozdrawiam,

+1

nie Próbowałaś React natywną Scrollview (https://facebook.github.io/react-native/docs/scrollview.html) z poziomą = {true} prop? mi to pasuje. –

+0

Dzięki Dinith ;-) Po prostu rozwiązujesz mój problem –

Odpowiedz

29

Odpowiedź jest dodanie poziomego zestawu właściwości do true.

Tak to nie jest opisane w dokumencie: https://facebook.github.io/react-native/docs/listview.html

Więc oczywiście ListView jest dzieckiem Scrollview więc dostał poziome Bool.

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

Ciao

+0

Dobra odpowiedź, ale w rzeczywistości 'ListView' używa' ScrollView' pod maską. – Ismail