Как убрать анимацию заголовка при переходе на следующий экран?

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
    }
})

введите визуализацию вида ссылки здесь

Как удалить анимацию заголовка при перемещении следующего экрана?Спасибо!

Answer 1

Все анимации обрабатываются в CSS, и похоже, что здесь отвечает тэг stackViewStyleInterpolator.forHorizont. Я бы посмотрел в своем CSS что-то похожее на это или воспользовался инспектором, чтобы сказать вам, где именно этот элемент работает, а затем отредактировал CSS напрямую.