react-native - 移动下一个屏幕时如何删除标题的动画？

Question

我正在使用反应导航。我设置了选项的 headerBackground ，因为我想实现标题的渐变。但是当我移动下一个屏幕时它会出现闪烁的白色，我想这就是动画的原因。我正在尝试配置 transitionConfig 但它不起作用。这是我的导航选项：

headerBackground: (
      <Image
        style={{height: setHeight(58), width: setWidth(375), resizeMode: 'stretch'}}
        source={require('./assets/images/top-bg.jpg')}
      />
),
transitionConfig: () => ({
    screenInterpolator: StackViewStyleInterpolator.forHorizontal,
    transitionSpec: {
      duration: 0,
      timing: Animated.timing,
      easing: Easing.step0
    }
})

在此处输入链接视图效果图

移动下一个屏幕时如何删除标题的动画？谢谢！

标签： react-nativereact-navigation

Answer 1

所有动画都在 CSS 中处理，看起来 stackViewStyleInterpolator.forHorizo​​ntal 是这里负责的标签。我会在我的 CSS 中查找类似的东西，或者使用检查器告诉您该元素的确切位置，然后直接编辑 CSS。