React-native: Auffüllen am oberen Rand einer Listenansicht

Erstellt am 5. Feb. 2015 · 3Kommentare · Quelle: facebook/react-native

Ich rendere ein ListView und es hat oben eine Auffüllung, die ich nicht loswerden kann:

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

Mein Code:

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

Hat das noch jemand gesehen?

Locked

Quelle

jlongster

👍1

Hilfreichster Kommentar

Möglicherweise müssen Sie automaticallyAdjustContentInsets={false} hinzufügen. Weiß jemand warum das standardmäßig so ist?

nick am 5. Feb. 2015

👍3 🎉1

Alle 3 Kommentare

Möglicherweise müssen Sie automaticallyAdjustContentInsets={false} hinzufügen. Weiß jemand warum das standardmäßig so ist?

nick am 5. Feb. 2015

👍3 🎉1

Du hast Recht, das hat es behoben, danke!

jlongster am 5. Feb. 2015

In iOS sind die Navigation (oben) und die Registerkarten (unten) halbtransparent. Das bedeutet, dass der dahinter liegende Inhalt (wie eine Bildlaufansicht) oben und unten überlappen sollte, aber zusätzliche Polsterung haben sollte, um die Größe der oberen/unteren Balken zu haben. In iOS gibt es ein Konzept von Top/BottomLayoutGuide, das nach unten sickert. automaticallyAdjustContentInsets aktiviert das automatische Hinzufügen von Padding basierend auf diesen Hilfslinien.

Die Integration mit dem Layout und React im Allgemeinen ist nicht sehr gut durchdacht, daher haben wir dieses Attribut hinzugefügt. Es ist etwas, das Arbeit braucht, aber nicht trivial ist :)