n nativer Reaktion habe ich:

<View style={styles.navBar}>
  <Text>{'<'}</Text>
    <Text style={styles.navBarTitle}>
      Fitness & Nutrition Tracking
    </Text>
  <Image source={icon} style={styles.icon}/>
</View>

mit diesen Styles:

{
    navBar: {
        height: 60,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
    },
    navBarTitle: {
        textAlign: 'center',
    },
    icon: {
        height: 60,
        resizeMode: 'contain',
    },
}

Dies ist der Effekt, den ich bekomme:

Dies ist der Effekt, den ich will:

Im ersten Beispiel ist der Abstand zwischen Elementen gleich.

Im zweiten Beispiel ist jeder Eintrag anders ausgerichtet. Der erste Punkt ist linksbündig. Der zweite Punkt ist zentriert. Der dritte, richtig begründet.

Diese Frag ist ähnlich, aber es sieht aus wie reagieren native nicht unterstütztmargin: 'auto'. Darüber hinaus funktionieren die anderen Antworten nur, wenn Sie sich nur für die Ausrichtung nach links und rechts interessieren, aber niemand wirklich die Ausrichtung nach innen ohne automatischen Rand anspricht.

Ich versuche, eine Navigationsleiste in native reagieren zu lassen. Die Vanille-iOS-Version sieht folgendermaßen aus:

Wie mache ich etwas ähnliches? Ich beschäftige mich hauptsächlich mit der Zentrierung.