React-native: Remplissage en haut d'une vue de liste

Créé le 5 févr. 2015 · 3Commentaires · Source: facebook/react-native

Je rends un ListView et il y a un rembourrage en haut dont je ne peux pas me débarrasser :

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

Mon code :

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

Quelqu'un d'autre a vu ça?

Locked

Source

jlongster

👍1

Commentaire le plus utile

Vous devrez peut-être ajouter automaticallyAdjustContentInsets={false} . Quelqu'un sait pourquoi c'est vrai par défaut ?

nick le 5 févr. 2015

👍3 🎉1

Tous les 3 commentaires

Vous devrez peut-être ajouter automaticallyAdjustContentInsets={false} . Quelqu'un sait pourquoi c'est vrai par défaut ?

nick le 5 févr. 2015

👍3 🎉1

Tu as raison, c'est corrigé, merci !

jlongster le 5 févr. 2015

Dans iOS, la navigation (en haut) et les onglets (en bas) sont semi-transparents. Cela signifie que le contenu derrière (comme une vue de défilement) doit chevaucher le haut et le bas, mais avoir un rembourrage supplémentaire pour correspondre à la taille des barres supérieure/inférieure. Dans iOS, il existe un concept de top/bottomLayoutGuide qui se répercute. automaticallyAdjustContentInsets permet l'ajout automatique de remplissage basé sur ces guides.

L'intégration avec la mise en page et React en général n'est pas très bien pensée, nous avons donc ajouté cet attribut. C'est quelque chose qui a besoin de travail mais qui n'est pas anodin :)