reactjs - 输入'颜色' 不可分配给类型 'string'

Question

我正在使用npm color包。我对 typescript react-native 完全陌生。在这里，我试图在这样的shadow color property东西上使用 Color 属性。

const BACKGROUND = "#88B04B";
const Styles = StyleSheet.create({
  topMorp: {
    shadowOffset: {
      width: -6,
      height: -6,
    },
    shadowOpacity: 1,
    shadowRadius: 6,
    shadowColor: Color(BACKGROUND).lighten(0.5).alpha(0.5),
  },

但是在这里我的代码抱怨说Type 'Color<ColorParam>' is not assignable to type 'string'. 我不知道如何解决这个问题，任何帮助都会很棒。

Answer 1

//const BACKGROUND = "#88B04B";
const BACKGROUND = {r: 255, g: 255, b: 255}
......
{
    ...
    shadowColor: Color(BACKGROUND).lighten(0.5).alpha(0.5),
}

尝试将您的颜色转换为 rgb 我不知道您如何实现颜色（如何导入）

Answer 2

或者也许使用rgba？：

const Styles = StyleSheet.create({
  topMorp: {
    shadowOffset: {
      width: -6,
      height: -6,
    },
    shadowOpacity: 1,
    shadowRadius: 6,
    shadowColor: 'rgba(135, 175, 75, 0.5)' //a is alpha
},

或使用包可能像：

var color = Color('#88B04B').alpha(0.5).lighten(0.5);
const Styles = StyleSheet.create({
  topMorp: {
    shadowOffset: {
      width: -6,
      height: -6,
    },
    shadowOpacity: 1,
    shadowRadius: 6,
    shadowColor: color     //Or maybe  color.hsl().string()
},