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

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;

我在所有屏幕上都在stackNavigator的navigationOptions中使用的

如下：

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

它可以工作，但问题是，从一个屏幕导航到另一个屏幕时，图像闪烁/闪烁。在iOS上尤其明显。

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

编辑：由于我现在知道闪烁的来源，因此需要编辑我的问题。

它是标题中的动画效果。我仍然不知道如何禁用它，因为animationEnabled设置为false不会更改任何内容。 https://reactnavigation.org/docs/4.x/stack-navigator#animationenabled