14

ListViewの一部をReact Nativeで水平方向にスクロールします。私は最初の列の位置を固定し、他の列が水平方向にスクロールすることができますどのようにListViewの一部の横スクロール

答えて

4

ListViewのrenderRowには、水平スクロールビューが続くテキストが必要です。

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

ScrollViewでhorizo​​ntal = true propが発生することに注意してください。

+1

これは、各行が独自の水平スクロールを持つようにするために、私は水平方向に同時にすべての行をスクロールしたいと考えています。 –

+1

2つのListViewに分割し、行の高さを適切に調整する必要があります。 2番目のListViewは、水平方向のScrollViewに埋め込まれている必要があります。コンポーネントを再利用する必要がある場合は、NativeModuleを構築する必要があります。 – vijayst

+0

2つのListViewに分割しようとしましたが、ListViewのonScrollChangeイベントが抑制され、両方のListViewのスクロールが同期されません –

関連する問題