risposta

4

Il renderRow di ListView deve avere un testo seguito da una ScrollView orizzontale.

<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> 
} 

Nota il puntello orizzontale = true in ScrollView che lo renderà possibile.

+1

questo renderebbe ogni riga ha il proprio scorrimento orizzontale, vorrei scorrere orizzontalmente tutta la riga allo stesso tempo –

+1

Potrebbe essere diviso in due ListViews e regolare l'altezza della riga in modo appropriato. Il secondo ListView dovrebbe essere incorporato in una ScrollView orizzontale. Se il componente deve essere riutilizzabile, dovrebbe essere necessario creare un NativeModule. – vijayst

+0

Ho provato a dividere in due ListView, ma l'evento onScrollChange di ListView è limitato e lo scorrimento di entrambi ListView non è sincronizzato –

Problemi correlati