ListView在React Native 0.39.2中呈现空行

时间:2017-02-02 18:44:21

标签: listview react-native

我将我的RN实现更新为0.39.2并在ListView组件中获得这种奇怪的行为。见下图:

enter image description here

这是我的代码:

<ListView style={{marginBottom: 50, paddingTop: 10}}
  onTouchMove={(e)=>{
    _listViewDirtyPressEnabled = false;
  }}
  onTouchEnd={(e)=>{
    _listViewDirtyPressEnabled = true;
  }}
  refreshControl={
    <RefreshControl
      refreshing={this.state.refreshing}
      onRefresh={this.onRefresh}
    />
  }
  pageSize={5}
  onEndReached={this.onEndReached}
  dataSource={ds.cloneWithRows(this.state.calls)}
  renderRow={this.renderCallRows}
  automaticallyAdjustContentInsets={false}
  scrollRenderAheadDistance={400}
  onEndReachedThreshold={100}
  initialListSize={10}
  renderSeparator={(sectionID, rowID) =>
    <View
      key={`${sectionID}-${rowID}`}
      style={[styles.separator, {marginLeft: width * 0.05}]}
    />
  }
/>

使用concat向列表中添加新行时发​​生。这在RN 0.24上没有发生。

由于

1 个答案:

答案 0 :(得分:1)

好的,找到了解决方案。这实际上是一个样式问题,而不是RN Api问题。

结束从每个单元组件中删除flex: 1