2017-02-02 9 views
2

RN実装を0.39.2に更新し、ListViewコンポーネントでこの奇妙な動作を取得しました。ここでListViewはReact Native 0.39.2で空の行をレンダリングします

enter image description here

私のコードです::私はconcatを使用して、リストに新しい行を追加するとき

<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}]} 
    /> 
    } 
/> 

が発生したが、下の画像を参照してください。これはRN 0.24では起こりませんでした。

ありがとう

答えて

1

OK、解決策を見つけました。これは実際にスタイリングの問題であり、RN Apiの問題ではありません。

各セル構成要素からflex: 1を削除して終了しました。

関連する問題