React-native: Заполнение в верхней части представления списка

Созданный на 5 февр. 2015  ·  3Комментарии  ·  Источник: facebook/react-native

Я визуализирую ListView , и у него есть отступ вверху, от которого я не могу избавиться:

screen shot 2015-02-05 at 1 43 05 pm

Мой код:

    return ListView({
      style: { flex: 1, borderWidth: 1, borderColor: 'red', paddingTop: 0 },
      renderRow: this.renderRow,
      dataSource: source
    });

Кто-нибудь еще видел это?

Самый полезный комментарий

Возможно, вам придется добавить automaticallyAdjustContentInsets={false} . Кто-нибудь знает, почему это верно по умолчанию?

Все 3 Комментарий

Возможно, вам придется добавить automaticallyAdjustContentInsets={false} . Кто-нибудь знает, почему это верно по умолчанию?

Вы правы, это исправило, спасибо!

В iOS навигация (вверху) и вкладки (внизу) полупрозрачны. Это означает, что содержимое позади него (например, прокрутка) должно перекрывать верх и низ, но иметь дополнительные отступы, соответствующие размеру верхней/нижней полос. В iOS есть концепция top/bottomLayoutGuide, которая просачивается вниз. automaticallyAdjustContentInsets включает автоматическое добавление отступов на основе этих направляющих.

Интеграция с версткой и React в целом не очень продумана, поэтому мы добавили этот атрибут. Это то, что требует работы, но не тривиально :)

Была ли эта страница полезной?
0 / 5 - 0 рейтинги