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

Question

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

以下是我的问题示例:https:
//rnplay.org/apps/GWoFWg

Answer 1

您应该使用ListView.renderHeaderprop 来渲染顶级内容:

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}
        />
    );
  }
}

ListViewScrollView内部使用来提供滚动行为,因此ScrollView不必将其包装在另一个 中.