问题说明

自定义Tobar-> title(图像组件)未在IOS上显示,但适用于Android

重现/编码片段/截图的步骤

const Logo = ({ style }: any) => (
  <Image
    style={[styles.image, style]}
    resizeMode="contain"
    source={Theme.images.SplashLogo}
  />
);

const styles = StyleSheet.create({
  image: {
    flex: 1,
    alignSelf: "center"
  }
});

export default Logo;

然后注册:

Navigation.registerComponent("Logo", () => Logo);`

之后setDefaultOptions:

Navigation.setDefaultOptions({
    topBar: {
      visible: true,
      animate: true,
      drawBehind: false,
      title: {
        component: {
          name: "Logo",
          alignment: "center"
        }
      }
    }
  });

它出现在Android上,但不出现在IOS模拟器上

环境

  • React Native Navigation版本:^ 2.0.2597

  • React Native版本:0.57.3

  • 平台(iOS,Android或两者兼而有之?):IOS

  • 设备信息(模拟器/设备?操作系统版本?调试/发布?):模拟器/调试