12

Hello World,Làm thế nào để làm một ListView ngang trong phản ứng-native

Tôi đang tìm kiếm một cách để tạo một ListView nằm ngang Trong React-native. như hình dưới đây: https://i.stack.imgur.com/D4RA5.jpg

Tôi cố gắng để quản lý nó với Flex nhưng nó làm cho tôi stranges kết quả, và luôn luôn với một ListView dọc

Nếu bạn có bất kỳ ý tưởng, cho tôi biết.

Kính trọng,

+1

Bạn không thử Phản ứng scrollview mẹ đẻ (https://facebook.github.io/react-native/docs/scrollview.html) với ngang = {true} chống đỡ? nó làm việc cho tôi. –

+0

Cảm ơn Dinith ;-) Bạn chỉ giải quyết được vấn đề của mình –

Trả lời

29

Câu trả lời là để thêm bộ tài sản ngang để true.

Ừ nó không được mô tả trong doc: https://facebook.github.io/react-native/docs/listview.html

Vì vậy, rõ ràng là một ListView là một trẻ em của một scrollview nên ông có ngang Bool.

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

Ciao

+0

Câu trả lời hay, nhưng trên thực tế, 'ListView' sử dụng' ScrollView' dưới mui xe. – Ismail

Các vấn đề liên quan