В реакции родных у меня есть:

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

с этими стилями:

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

Это эффект, который я получаю:

Это эффект, который я хочу:

В первом примере расстояние между элементами равно.

Во втором примере каждый пункт обоснован по-разному. Первый пункт выровнен по левому краю. Второй пункт выровнен по центру. Третий, правомерный.

Этот вопрос похоже, но похоже реагирует родная не поддерживаетmargin: 'auto', Кроме того, другие ответы работают только в том случае, если вас интересует только левое и правое выравнивание, но никто не обращается к обоснованию центра без автоматического маржи.

Я пытаюсь сделать навигационную панель в реагировать на родной. Версия Vanilla IOS выглядит следующим образом:

Как мне сделать что-то подобное? В основном я занимаюсь центрированием.