ListView zerquetscht Tabs

Question

Ich habe eine Tab-Ansicht und ich habe eine neue ListView-Komponente in meinem Projekt hinzugefügt. Das Problem ist, dass ich das Listview mit Flexbox konfigurieren und wenn ich nach unten, dass Listview bewegen ist über meine Tabs und ich kann nicht auf sie klicken

Was ich will, dass Listview zu tun ist, unter dem Tab Abschnitt und in der Lage sein, es zu scrollen.

Irgendwelche Tipps, wie Sie dies tun?

Answer 1

Reagieren nativen Dosis keinen z-index Äquivalent haben. Stattdessen bestimmt die Reihenfolge der Komponenten die Reihenfolge, in der sie angezeigt werden.

Wenn die TabBar oben sein soll, verschieben Sie die Komponente einfach an das Ende der Datei.

Sie können es online überprüfen here, einfach ändern Sie die Reihenfolge der View und sehen, wie sich die Reihenfolge entsprechend ändern.

EDIT: Ab Version 0.30 wird Z-Index von React Native als ZIndex Stile unterstützt. Werfen Sie einen Blick auf die release notes.

Answer 2

Versuchen Sie, an der Komponente am unteren Rand Position hinzuzufügen: In diesem Fall müssen Sie die genaue Position angeben.

Wenn dies nicht funktioniert, verwenden Sie Flexbox eine klebrige Fußzeile zu erstellen, können Sie feststellen, wie hier: https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/