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

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