2017-10-02 5 views
0

Wie soll ich aussehen, damit meine App auf beiden Ausrichtungen schön aussieht? Querformat und Hochformat? Wie jetzt verwende ich nur Ränder, weil es einfacher ist, mein Design von Photoshop mit zeplin zu verschieben. Was ist der beste Weg? Wenn ich auf Landscape umschalte, ist mein Anmeldebildschirm nur teilweise sichtbar.Wie für beide Ausrichtungen stylen

+0

Sie könnten Media-Abfragen suchen und einige CSS-Arbeit tun: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp – Hespen

+0

@Hespen das OP fragt in Bezug auf React Native, der Link Sie gepostet ist nicht relevant. –

Antwort

1

Ich würde vorschlagen, Flex-Box, die nicht nur das - aber auch Bildschirme mit unterschiedlichen Größen gebaut ist.

auf sie hier lesen up: https://facebook.github.io/react-native/docs/flexbox.html

Sie noch Ränder verwenden können, um Ihr Design um, aber biegt Ihre Komponenten, um es arbeiten über mehrere Bildschirm Breiten und Höhen führen zu bewegen.

Nehmen Sie zum Beispiel einen Porträtbildschirm und platzieren Sie ein Quadrat in der oberen Mitte mit flex. Wenn Sie den Bildschirm drehen würden, hätte flex den Punkt immer noch in der oberen Mitte des jetzt horizontalen Rechtecks, und ohne, wäre es in der Mitte der ersten Hälfte des Bildschirms (Was Sie möglicherweise erleben).

Verwandte Themen