过渡反应导航标题背景颜色

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