如何使用React Native iOS将ListView放入ScrollView中？

Question

我正在构建iOS React Native应用。我有一些测试内容，然后是它下面的项目列表。如果我将文本内容和列表视图都放在滚动视图中，则列表视图无法正常工作（仅显示某些项目）但如果我没有将列表视图放在滚动视图中，则列表视图会滚动但文本内容会保持锁定状态到屏幕的顶部。如何使用列表视图滚动文本内容？

以下是我的问题的一个例子：
https://rnplay.org/apps/GWoFWg

Answer 1

您应该使用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中。