Wie kann Responsive Design für Telefon und Tablet reagieren nativ?

Question

Erläuterung: Ich lerne ein React Native-Framework. Ich habe die Anwendung in meinem Telefon installiert. Es funktioniert gut. Ich möchte wissen, wie reagieren native wird das Design verwalten, wenn sich die Gerätedichte geändert.

In ähnlicher Weise bieten wir in Native Android die unterschiedliche Ressource für die Telefongeräte und Tablet-Geräte. Wir verwalten auch die Layout-Datei für das Tablet und Telefon für Hoch-und Querformat. Wenn unsere Anwendung auf dem Gerät läuft, egal ob es sich um ein Telefon oder Tablet handelt, erhält sie automatisch die am besten geeigneten Ressourcen, je nach Tablet oder Telefon.

Ich habe ein bisschen fest, wenn ich die Entwicklung in nativen reagieren.

Wie reagieren native Handle die Textgröße?

Wie kann es den Design-Bildschirm verwalten, wenn es auf dem Telefon oder Tablet läuft?

Wie kann es die Bilder Ressourcen in verschiedenen Density-Geräten verwalten?

Gibt es irgendeine Strategie, wo wir alles wie Native Android verwalten können?

Bitte, hilf mir bei der Lösung.

Answer 1

Sie können flexbox dafür verwenden.

zum Beispiel.

flex: 1 ist voller Breite flex: 0,5 ist halb

so können Sie etwas tun.

Alle Maße in React india sind ohne Einheit und stellen dichteunabhängige Pixel

Für Bilder, die Sie Bildname @ 2x Bildname @ 3x Details sind hier https://facebook.github.io/react-native/docs/images.html

<View style={{ flex: 1 }}> 
 
    <View style={{ flex: 0.5 }} /> 
 
    <View style={{ flex: 0.5 }} /> 
 
</View>

tun können

Dadurch wird eine Zeile mit 2 Spalten erstellt. und das wird ansprechen.