2015-09-30 16 views
31

添付のGIFでわかるように、私はListViewをスクロールできません。マウスを離すとすぐに元の位置にスナップします。ListViewがスクロールできない

私はドキュメントを読みました。スクロールしたようですが、はちょうどになります。

render: function(){ 
    return (
    <ListView 
     automaticallyAdjustContentInsets={false} 
     initialListSize={9} 
     dataSource={this.state.dataSource} 
     renderRow={this.renderTrack} 
     renderSectionHeader={this.renderSectionHeader}/> 
); 

enter image description here

答えて

37

あなたのListViewが、実際には非常に小さいかもしれないが、そのようには見えオーバーフローに行う表示されません。ここではrender()の実装です。 ListViewのスタイルプロパティにflex: 1またはheight: 587を設定してみてください。

+1

高さを設定することがトリックでした!なぜあなたが587を選んだのか聞いてもよろしいですか? – jamesfzhang

+3

あなたのスクリーンショットは587px = =)でした。より一般的な解決方法は、フレックス:1をルートまでのビュー階層を通して使用することです。 – ide

+13

'flex:1'だけを使っても修正されませんでした。しかし、私はちょうど静的な高さを設定することができるとは思わない、それは異なるiPhoneのサイズと互換性が必要です。編集:このListViewの親コンテナには、トリックをした 'flex:1'がなかったことが分かります。 – jamesfzhang

0

それが原因このプロパティに、私は多分、行ごとに粘着性のヘッダを追加し、あなただけのものを持っていると仮定している?:

renderSectionHeader機能

(sectionData、セクションID)=>レンダリング可能

これが指定されている場合、このセクションには固定ヘッダーがレンダリングされます。スティッキー の動作は、画面上部に到達するまで セクションの上部にあるコンテンツとともにスクロールすることを意味します。その時点で、 が次のセクションで画面から押し出されるまでスティックします。 ヘッダ。

21

私が見たのは、contentContainerStyleがflex:1に設定されているときだけです。その場合はフレックスを取り外してください。

+2

ありがとう!これは私のためにそれを固定した。 – fundead

+0

ありがとう! 30分のハハの周りを見ていた! – WilomGfx

8

flex:1をリストの親に設定すると、私のトリックになりました。

+1

チャームのように働いた。この回答はより多くのupvotesを取得する必要があります! –

+0

誰かがそれを説明することができればそれは素晴らしいだろう:) – roocell

+0

ダンノーなぜ、しかし私のために働く。 – klvs

3

私はViewをラップしてListViewとしましたが、アウターViewを取り除いたところ、期待通りに動作しました。

関連する問題