React-native: Relleno en la parte superior de una vista de lista

Creado en 5 feb. 2015 · 3Comentarios · Fuente: facebook/react-native

Estoy representando un ListView y tiene un relleno en la parte superior del que no puedo deshacerme:

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

Mi código:

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

¿Alguien más ha visto esto?

Locked

Fuente

jlongster

👍1

Comentario más útil

Es posible que deba agregar automaticallyAdjustContentInsets={false} . ¿Alguien sabe por qué esto es cierto por defecto?

nick en 5 feb. 2015

👍3 🎉1

Todos 3 comentarios

Es posible que deba agregar automaticallyAdjustContentInsets={false} . ¿Alguien sabe por qué esto es cierto por defecto?

nick en 5 feb. 2015

👍3 🎉1

Tienes razón, eso lo arregló, ¡gracias!

jlongster en 5 feb. 2015

En iOS, la navegación (arriba) y las pestañas (abajo) son semitransparentes. Esto significa que el contenido detrás de él (como una vista de desplazamiento) debe superponerse a la parte superior e inferior, pero tener un relleno adicional para tener el tamaño de las barras superior e inferior. En iOS hay un concepto de top/bottomLayoutGuide que se filtra hacia abajo. automaticallyAdjustContentInsets habilita la adición automática de relleno basado en esas guías.

La integración con el diseño y React en general no está muy bien pensada, por lo que agregamos este atributo. Es algo que necesita trabajo pero no es trivial :)