如何使用 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 中。

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

How can I put a ListView inside a ScrollView using React Native iOS?

listview

scrollview

ios

react-native