Reagieren Sie den nativen Reaktionsbildschirm ⇐ Android

[Anonymous]

Ich habe eine Frage zum Bildschirmdesign in React Native. < /p>
Ich erstelle eine App mit Expo. Es läuft auf meinem als Emulator - Nexus 5x. Wenn ich mein echtes Gerät nehme - Samsung S9 aussehen die Seiten, zum Beispiel links und rechts, wird weggeschnitten, weil der Bildschirm zu klein zu sein scheint. Beide Geräte haben jedoch die gleiche Breite von 72 mm und 69 mm, aber der S9 ist gebogen. Wie hält ihr Ihre Apps reaktionsschnell? Soll ich das Gleiche für die Breite tun? Oder sollte ich beispielsweise das reagierende reagierende Bildschirmpaket verwenden? Wenn es einige erfahrene RN-Devs gibt, geben Sie mir bitte einen kurzen Tipp, wie Sie dies tatsächlich verwalten. Es ist mein Stylesheet und ich habe versucht, mit absoluter Position zu arbeiten - was für den Emulator gut aussieht, aber ich denke, es ist keine gute Praxis. Soll ich die Stile umschreiben? < /P>
const styles = StyleSheet.create({
container: {
justifyContent: "center",
alignItems: "center"
},

headerText: {
fontSize: 30,
color: "black"
},
DateContainer: {
marginTop: 10,
marginBottom: 10
},
DateText: {
position: "absolute",
fontSize: 16,
color: "black",
top: 14,
left: -100
},
phaseButton: {
position: "absolute",
top: -42,
right: -95,
height: 30,
backgroundColor: "#a51717",
borderRadius: 45
},
checkbox: {
position: "absolute",
top: -5,
right: -180,
height: 30
},
ZeitText: {
position: "absolute",
fontSize: 16,
color: "black",
top: 12,
left: -199.5
},
ZeitInput: {
position: "absolute",
left: -150,
top: 8,
width: 100,
height: 35,
borderWidth: 1,
textAlign: "center"
},
checkText: {
position: "absolute",
top: 12,
right: -115,
height: 30,
color: "black"
},
button1: {
position: "absolute",
left: -120,
top: 8,
height: 30,
marginHorizontal: 20,
backgroundColor: "#a51717"
},
button2: {
position: "absolute",
left: -60,
top: 8,
height: 30,
backgroundColor: "#a51717"
}
});
< /code>
edit2.0: Ich habe meine absoluten Positionen in FlexDirection: Row und die Breite auf Prozent geändert. Ist eine Schaltfläche mit Breite: "30%" reagiert? Dauert es also immer 30% des Raums?