Transition React导航标题背景颜色

Question

我在React Native导航中使用此插件：https://reactnavigation.org/

我有两个屏幕，其中一个是浅色的，其中一个是黑色的。第一个屏幕上的导航标题很轻，另一个屏幕切换为黑暗。但它切换标题颜色没有过渡，这是非常难看的。任何内置选项或黑客为背景颜色切换提供过渡？

以下是我切换颜色的设置： static navigationOptions = ({ navigation }) => ({ title: `Chat with ${navigation.state.params.character.characterName}`, headerTitleStyle: { color: colors.lightGrey }, headerTintColor: colors.lightGrey, headerStyle: { backgroundColor: colors.grey, shadowColor: 'transparent', borderBottomColor: colors.lighterGrey, borderBottomWidth: 0.5 } });

Answer 1

我认为你最好通过css进行转换，只需切换元素的类

    .main-class-for-element{
     transition:background 0.3s linear;
    }
    .light-el{
      background:white;
    }
    .dark-el{
    background:black;
    }