如何在React Native React导航5中动画化标题后退按钮的颜色？

import React, { useLayoutEffect } from 'react';
import { TouchableOpacity, Animated } from 'react-native';
import { useNavigation } from '@react-navigation/native';
import * as Animatable from 'react-native-animatable';

const CustomNavigationBar = () => {
  const navigation = useNavigation();
  const colorAnimation = new Animated.Value(0);

  useLayoutEffect(() => {
    navigation.setOptions({
      headerLeft: () => (
        <TouchableOpacity onPress={() => navigation.goBack()}>
          <Animatable.Text
            animation={{
              from: { color: 'red' },
              to: { color: 'blue' },
            }}
            style={{
              color: colorAnimation.interpolate({
                inputRange: [0, 1],
                outputRange: ['red', 'blue'],
              }),
            }}
          >
            Back
          </Animatable.Text>
        </TouchableOpacity>
      ),
    });
  }, [navigation, colorAnimation]);

  return null;
};

export default CustomNavigationBar;