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
A
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
- 1. Wie nach rechts Ausrichtungen String
- 2. iOS Xcode: Wie man ein Hintergrundbild für den Startscreen Storyboard behält, das für beide Ausrichtungen auf iPad funktioniert
- 3. Speichern von NLTK-Ausrichtungen
- 4. NSMutableAttributedString verschiedene Ausrichtungen hinzufügen
- 5. Startbildschirm Storyboard für mehrere Geräte und verschiedene Ausrichtungen iOS
- 6. Wie Winkel ngBind Währung stylen
- 7. Unterstützung verschiedener Ausrichtungen in iOS 6.0 für verschiedene View-Controller
- 8. mit mehreren Ausrichtungen in der gleichen TextArea
- 9. Wie lege ich die Schrifthöhe in verschiedenen Ausrichtungen fest?
- 10. Wie kann ich mySQL Workbench stylen?
- 11. So stylen Sie dropDownButton?
- 12. Wie passen/stylen Sie Codeigniter-Fehler?
- 13. UBOS und ihre Ausrichtungen in Vulkan
- 14. Wie stylen Text von Submit-Button
- 15. Wie eine Datenbank-Eingang mit Bootstrap stylen
- 16. Wie stylen Sie eine Office-Fabric-Komponente?
- 17. Wie kann ich einen Android Switch stylen?
- 18. Wie kann ich ein JButton stylen?
- 19. , wie beide kombinieren Update
- 20. pyside qcombobox nicht richtig stylen
- 21. So stylen Sie die Option
- 22. Kann PHP-Echo nicht stylen
- 23. CSS/JavaScript: Problem beim Stylen von Leinwand (für Mauszeichnung)
- 24. Wie kann ich meine Tabellenüberschrift basierend auf Tabelle HTML stylen?
- 25. Basil.js und ExtendScript in Indesign/Wie kann ich textFrames stylen?
- 26. Kotlin: Endrekursion für beide Seiten rekursiven Funktionen
- 27. F #: Catamorphisms für beide Seiten rekursive Datenstrukturen
- 28. ANTLR4 für beide Seiten linksrekursive Fehler beim
- 29. AppDelegate.m für beide FBSDK und LinkingManager
- 30. Das Popup-Menü in Android 5.0 stylen
Sie könnten Media-Abfragen suchen und einige CSS-Arbeit tun: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp – Hespen
@Hespen das OP fragt in Bezug auf React Native, der Link Sie gepostet ist nicht relevant. –