Antwort

4

Die renderRow von ListView sollte einen Text gefolgt von einer horizontalen ScrollView haben.

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

Beachten Sie die horizontale = wahre Stütze in ScrollView, die es passieren wird.

+1

Damit würde jede Zeile ihre eigene horizontale Bildlaufleiste haben, ich möchte horizontal alle Zeile gleichzeitig scrollen –

+1

Müssen Sie möglicherweise in zwei ListViews aufgeteilt und Zeilenhöhe entsprechend anpassen. Der zweite ListView sollte in eine horizontale ScrollView eingebettet werden. Wenn die Komponente wiederverwendbar sein soll, sollte ein NativeModule erstellt werden. – vijayst

+0

Ich habe versucht, in zwei ListView zu teilen, aber das OnScrollChange-Ereignis der ListView ist gedrosselt, was dazu führt, dass der Scroll beider ListView nicht synchronisiert wird –