带有反应导航的自定义标题中的图像在导航时闪烁/闪烁

Question

我有自己的 HeaderComponent 和图像：

const CustomHeaderLogo = () => {
  return (
    <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
      <Image
        source={require("../assets/logo.png")}
        style={{ width: 160, height: 30 }}
      />
    </View>
  );
};

export default CustomHeaderLogo;

navigationOptions我在所有屏幕上的 stackNavigator 中使用它，如下所示：

navigationOptions: {
   headerTitle: () => <HeaderLogo />
}

它有效，但问题是，从一个屏幕导航到另一个屏幕时，图像会闪烁/闪烁。这在 iOS 上尤其明显。

有什么办法可以防止图像闪烁吗？

编辑：需要编辑我的问题，因为我现在知道闪烁来自哪里。

就是头部的动画效果。我仍然不知道如何禁用它，因为animationEnabled设置为 false 不会改变任何东西。https://reactnavigation.org/docs/4.x/stack-navigator#animationenabled