2015-11-02 71 views
6

我正在構建iOS React Native應用程序。我有一些測試內容,然後是它下面的項目列表。如果我將文本內容和列表視圖放在滾動視圖中,listview不能正常工作(只顯示一些項目),但如果我不把listview放在scrollview中,listview會滾動,但文本內容保持鎖定到屏幕的頂部。如何讓文本內容與listview一起滾動?如何使用React Native iOS將ListView放入ScrollView中?

這裏是我的問題的例子:
https://rnplay.org/apps/GWoFWg

回答

22

你應該使用ListView.renderHeader道具呈現頂部內容:

class SampleApp extends React.Component { 

    _renderHeader() { 
    // your header rendering code here 
    } 

    _renderRow() { 
    // your row rendering code here 
    } 

    render() { 
    return (
     <ListView 
     renderRow={this._renderRow} 
     renderHeader={this._renderHeader} 
     /> 
    ); 
    } 
} 

ListView使用ScrollView內部提供滾動行爲,所以它環繞在另一個ScrollView是沒有必要的。

+0

這正是我所需要的。謝謝!下面是一個工作示例:https://rnplay.org/apps/GWoFWg –

+0

但是,如果列表很長,此標題將從屏幕滾動。如何使標題變得粘稠?使用stickyIndi​​ces會導致非常不好的行爲,即從屏幕滾動出來的行在標題下方可見。 – shrutim

+1

@shrutim如果你不想讓你的頭文件與ListView一起滾動,不要把它放在ListView中,只是將頭部元件渲染到它上面:) – jevakallio

相關問題