html - 使用 React Native 中的两个兄弟在屏幕 Flex Div 上居中对齐

Question

我有一个反应本机屏幕，我正在创建自己的 appBar。我想要做的是在设备屏幕的中心（中心）显示屏幕的标题。但我也有两个可选的侧面图标。

所以我遇到的问题是，如果缺少任何一个图标，那么屏幕的标题并不完全位于设备屏幕的中心。

我为此使用 flex。

标签： htmlcssreact-native

Answer 1

如果您使用的是 react-navigation v4，则可以使用

navigationOptions: {
  headerTitle: <Text style={{textAlign: 'center'}}>Title goes here</Title>
}