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

Question

我正在构建一个 iOS React Native 应用程序。我有一些测试内容，然后是它下面的项目列表。如果我将文本内容和 ListView 都放在 ScrollView 中， ListView 将无法正常工作(只显示部分项目)，但如果我不将 ListView 放在 ScrollView 中， ListView 会滚动，但文本内容会保持锁定状态到屏幕顶部。如何让文本内容随 ListView 滚动？

这是我的问题的一个例子:
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 中。