Trả lời

4

RenderRow của ListView phải có một Văn bản theo sau bởi một ScrollView ngang.

<ListView 
dataSource={this.state.dataSource} 
renderRow={this.renderRow} 
/> 

renderRow (rowData) { 
    return (
    <View> 
    <Text>rowData.field1</Text> 
    <ScrollView horizontal={true}> 
     <Text>rowData.field2</Text> 
     <Text>rowData.field3</Text> 
     <Text>rowData.field4</Text> 
    </ScrollView> 
    </View> 
} 

Lưu ý giá trị ngang = true prop trong Chế độ xem sẽ làm cho nó xảy ra.

+1

điều này sẽ làm cho mỗi hàng có cuộn ngang của riêng nó, tôi muốn cuộn theo chiều ngang tất cả hàng cùng một lúc –

+1

Có thể phải chia thành hai ListView và điều chỉnh chiều cao hàng phù hợp. ListView thứ hai nên được nhúng trong một ScrollView ngang. Nếu thành phần cần phải được tái sử dụng, nên xây dựng một NativeModule. – vijayst

+0

Tôi đã cố gắng để chia thành hai ListView, nhưng sự kiện onScrollChange của ListView được điều chỉnh gây ra cuộn của cả hai ListView không được đồng bộ hóa –

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