Einstellen der Komponentenhöhe auf 100% in reaktionseigenem

Question

Ich kann das Höhenelement von Stil numerischen Werten wie 40 geben, aber diese müssen Ganzzahlen sein. Wie kann ich erreichen, dass meine Komponente eine Höhe von 100% hat?

Answer 1

überprüfen Sie die flexbox doc. im Stylesheet verwenden:

flex:1, 

Answer 2

Besorgen Sie sich die Fensterhöhe in eine Variable, weisen Sie es dann, wenn die Höhe des flexiblen Behälters wollen Sie ansprechen:

let ScreenHeight = Dimensions.get("window").height; 

In Ihrem Stile:

var Styles = StyleSheet.create({ ... height: ScreenHeight }); 

Beachten Sie, dass Sie haben Abmessungen zu importieren, bevor es mit:

import { ... Dimensions } from 'react-native' 

Answer 3

Sie können einfach height: '100%' in das Stylesheet Ihres Artikels einfügen. es funktioniert für mich