javascript - react native : What is the way to create an enum with 3 color types?

Question

在我的示例中，我尝试添加一个带有 3 个颜色参数的变量 button_gradient_color，但它显示错误。错误是:枚举成员必须有初始化器

创建具有 3 种颜色类型的枚举的方法是什么？

export enum Colors {
 background_color = '#000060',
 button_gradient_color = '#4c669f', '#3b5998', '#192f6a'
};

这是线性渐变

<LinearGradient
            colors={ Colors.button_gradient_color1,Colors.button_gradient_color2,Colors.button_gradient_color3}

 >

Answer 1

目前不允许一个变量初始化为多个值。如果这对您的情况有帮助，您可以将颜色渐变分成 3 个不同的变量，如下所示。

export enum Colors {
 background_color = '#000060',
 button_gradient_color1 = '#4c669f', 
 button_gradient_color2 = '#3b5998',
 button_gradient_color3 =  '#192f6a'
};

Playground

也许你可以引用 Colors.button_gradient_color1。

将它传递给 LinearGradient 组件时，您可以做的是:

<LinearGradient colors={[ Colors.button_gradient_color1, Colors.button_gradient_color2  Colors.button_gradient_color3 ]} >