Atualizei minha implementação do RN para 0.39.2 e recebo esse comportamento estranho no componente ListView. Veja a imagem abaixo:
Aqui está o meu código:
<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}]}
/>
}
/>
Acontece quando adiciono novas linhas à lista usando concat
. Isso não aconteceu no RN 0,24.
obrigado
Respostas:
1 para resposta № 1OK, encontrei a solução. Este é realmente um problema de estilo e não um problema da RN Api.
Acabou removendo flex: 1
do componente de cada célula.