Реагировать Нативные ячейки ListView перекрываются

Question

Мои ячейки ListView перекрываются друг с другом, как показано на скриншоте. Он работал нормально, когда я использовал react-native версии 0.23, но после обновления до 0,30 пользовательский интерфейс разрушает устройства 5c & 5s не в симуляторе. Есть идеи?

Answer 1

Да, у меня тоже была такая же проблема, когда я ставлю данные перед текущими данными. Мне удалось решить проблему, сначала опустошив состояние, а затем заполнив его.

ДО:

this.setState({ 
    news: news.concat(this.state.news), 
    storiesDataSource: this.state.storiesDataSource.cloneWithRows(news.concat(this.state.news)), 
}); 

ПОСЛЕ:

this.setState({ 
    storiesDataSource: this.state.storiesDataSource.cloneWithRows([]) 
}, function() { 
    this.setState({ 
     news: news.concat(this.state.news), 
     storiesDataSource: this.state.storiesDataSource.cloneWithRows(
      news.concat(this.state.news) 
     ), 
    }); 
}.bind(this))