ListView无法滚动

时间:2015-09-30 19:57:33

标签: react-native

正如您在附加的GIF中所看到的,我无法滚动ListView。一旦我释放鼠标,视图就会快速回到原始位置。

我已经阅读了文档,看起来滚动应该正常工作。这是render()

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

enter image description here

5 个答案:

答案 0 :(得分:39)

您的ListView可能实际上非常小但不会以可见溢出的方式显示。尝试在ListView的样式属性上设置flex: 1height: 587

答案 1 :(得分:22)

我见过这一次的唯一一次是将contentContainerStyle设置为flex:1。如果是这种情况,请移除弯曲。

答案 2 :(得分:9)

flex:1设置为列表的父母为我做了诀窍。

答案 3 :(得分:3)

我遇到了同样的问题,我有一个image = <Image> page.getViewById('whatever');包裹View,我删除了外部ListView,现在它按预期工作了。

答案 4 :(得分:0)

这是由于这个属性,我假设你只有一个,可能每行添加一个粘性标题?:

  

renderSectionHeader函数

     

(sectionData,sectionID)=&gt;渲染

     

如果提供,则为此部分呈现粘性标题。粘性的   行为意味着它将滚动与顶部的内容   部分直到它到达屏幕的顶部,此时它将   坚持到顶部,直到它被下一部分推离屏幕   报头中。