React Native ListView单元格重叠

Question

我的ListView单元格彼此重叠，如屏幕截图所示。当我使用react-native版本0.23时工作正常但在升级到0.30后，UI正在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))