相关疑难解决方法(0)

在本地反应我有:

<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版本看起来像这样:

我该怎么做类似的事情？我主要关心的是居中.