ListView 无法滚动

Question

如您在附加的 GIF 中所见，我无法滚动 ListView。我一松开鼠标，视图就会回到原来的位置。

我已经阅读了文档，滚动似乎应该正常工作。下面是 render():

的实现

render: function(){
  return (
    <ListView
      automaticallyAdjustContentInsets={false}
      initialListSize={9}
      dataSource={this.state.dataSource}
      renderRow={this.renderTrack}
      renderSectionHeader={this.renderSectionHeader}/>
  );

Answer 1

您的 ListView 实际上可能非常小，但不会出现可见溢出。尝试在 ListView 的样式属性.

上设置 flex: 1 或 height: 587

Answer 2

这是由于这个属性，我假设你只有一个，也许每行添加一个粘性 header？:

renderSectionHeader function

(sectionData, sectionID) => renderable

If provided, a sticky header is rendered for this section. The sticky behavior means that it will scroll with the content at the top of the section until it reaches the top of the screen, at which point it will stick to the top until it is pushed off the screen by the next section header.

Answer 3

我唯一一次看到这种情况是在 contentContainerStyle 设置为 flex:1 时。如果是这种情况，请移除 flex。

Answer 4

将 flex:1 设置为列表的父级对我有用。

Answer 5

我遇到了同样的问题，我有一个 View 包裹着 ListView，我移除了外部 View，现在它按预期工作了。

ListView 无法滚动

ListView fails to scroll

react-native