Ячейки React Native ListView перекрываются

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

введите здесь описание изображения


person if-else-switch    schedule 01.09.2016    source источник
comment
попробуйте установить LayoutParams   -  person Jan Franz Palngipang    schedule 01.09.2016
comment
Что вы хотели этим сказать? Я добавил необходимые flexbox параметры. Не могли бы вы уточнить? Насколько я знаю, вы говорите о параметрах Android RelativeLayout. Я работаю над iOS-реакцией   -  person if-else-switch    schedule 01.09.2016


Ответы (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))
person Rizki Sunaryo    schedule 29.12.2016