React-native: Preenchimento na parte superior de uma exibição de lista

Criado em 5 fev. 2015 · 3Comentários · Fonte: facebook/react-native

Estou renderizando um ListView e ele tem preenchimento no topo do qual não consigo me livrar:

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

Meu código:

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

Alguém mais viu isso?

Locked

Fonte

jlongster

👍1

Comentários muito úteis

Você pode ter que adicionar automaticallyAdjustContentInsets={false} . Alguém sabe por que isso é verdade por padrão?

nick em 5 fev. 2015

👍3 🎉1

Todos 3 comentários

Você pode ter que adicionar automaticallyAdjustContentInsets={false} . Alguém sabe por que isso é verdade por padrão?

nick em 5 fev. 2015

👍3 🎉1

Tem razão, resolveu, obrigado!

jlongster em 5 fev. 2015

No iOS, a navegação (superior) e as guias (inferior) são semitransparentes. Isso significa que o conteúdo por trás dele (como uma visualização de rolagem) deve se sobrepor à parte superior e inferior, mas ter preenchimento adicional para ser do tamanho das barras superior/inferior. No iOS, há um conceito de top/bottomLayoutGuide que desce. automaticallyAdjustContentInsets permite a adição automática de preenchimento com base nessas guias.

A integração com o layout e React em geral não é muito bem pensada, então adicionamos esse atributo. É algo que precisa de trabalho, mas não é trivial :)