Android 在标题中水平反应本机中心图像

My header.js如下所示：

import React from 'react'
import { Image, TouchableOpacity, Dimensions } from 'react-native'
import Icon from "react-native-vector-icons/Ionicons"
import { View } from "react-native"

export class Logo extends React.Component {
  render() {
    return (
      <View>
        <Image
          source={require('../../assets/logo.png')}
          resizeMode="contain"
          style={{ width: 98, alignSelf: 'center' }}
        />
      </View>
    );
  }
}

从“React”导入React
从“react native”导入{Image，TouchableOpacity，Dimensions}
从“反应本机矢量图标/离子图标”导入图标
从“react native”导入{View}
导出类Logo扩展React.Component{
render（）{
返回(
);
}
}

---

我试图使logo.png在标题栏中居中，但alignSelf属性不会以任何方式影响它。使用Android模拟器。如何将徽标水平居中？

如果您使用的是react导航，我假定您已将要居中的组件而不是标题放在中间！要在Android上执行此操作，您必须将此参数添加到导航中

headerLayoutPreset:“中心”，

否则，请尝试将其应用于包装徽标的视图

{
为内容辩护：“中心”，
对齐项目：“中心”
}

如果您使用的是react导航，我假设您已经放置了一个要居中的组件，而不是标题！要在Android上执行此操作，您必须将此参数添加到导航中

headerLayoutPreset:“中心”，

否则，请尝试将其应用于包装徽标的视图

{
为内容辩护：“中心”，
对齐项目：“中心”
}

在图像父视图中添加

alignItems:'center'，justify content:'center'

：

并在stackNavigator中添加

headerLayoutPreset:“中心”

从“react navigation”导入{createStackNavigator}；
const StackNavigator=createStackNavigator({
组件键：{
屏幕：组件
},
...,
..., 
}, {
HeaderLayoutReset:“中心”
});

在图像父视图中添加

alignItems:'center'，justify content:'center'

：

并在stackNavigator中添加

headerLayoutPreset:“中心”

从“react navigation”导入{createStackNavigator}；
const StackNavigator=createStackNavigator({
组件键：{
屏幕：组件
},
...,
..., 
}, {
HeaderLayoutReset:“中心”
});

添加该选项不会改变任何内容。只注意到如果我在你的建议中设置了200%的宽度，img会向右移动。你能添加屏幕截图吗？添加了一个屏幕截图。你在使用StackNavigator吗？如果是，您能添加一些代码吗？我使用的是react navigation stack 2.0.16。您希望看到什么代码？这是我完整的header.js。添加它不会改变任何内容。只注意到如果我在你的建议中设置了200%的宽度，img会向右移动。你能添加屏幕截图吗？添加了一个屏幕截图。你在使用StackNavigator吗？如果是，您能添加一些代码吗？我使用的是react navigation stack 2.0.16。您希望看到什么代码？这是我完整的header.js。