Aus dem Kurs: React Native Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Die React Native-View kennenlernen

Die React Native-View kennenlernen – Tutorial zu React Native

Aus dem Kurs: React Native Grundkurs

Gratismonat starten Für Ihr Team erwerben

Die React Native-View kennenlernen

“

Die View ist das wichtigste Element in React Native und sie dient vor allem den Strukturen von Layouts. In diesem Video beschäftigen wir uns daher mit der View und dem Flex-Box Layout. Ich befinde mich nun hier in einer beispielhaften Applikation. Diese nutzt die Application als Eintrittspunkt innerhalb der index.js. Das erste Element, das wir darstellen wollen, ist also nun eine View. Wir können mit Hilfe von CSS-Attributen innerhalb von React Native dieser View Attribute geben. Beispielsweise können wir ihr eine Hintergrundfarbe von red zuweisen. Wenn ich nun speichere und die Ansicht sich aktualisiert, ist die View allerdings trotzdem nicht sichtbar. Das liegt daran, dass diese View noch keine Größe definiert hat. Standardmäßig befindet sich diese View nun in einem Flex-Box Layout. Um dem Element mitzuteilen, dass es die gesamte Größe des Parent Container einnehmen soll, verwendet man hier das Attribut flex: 1. Man sieht nun also, dass die View die gesamte Fläche einnimmt. (kein…

Inhalt