javascript - react native: Qual è il modo per creare un enum con 3 tipi di colore?

Nel mio esempio cerco di aggiungere una variabile button_gradient_color con 3 parametri di colore e mostra un errore. L'errore è: Un membro dell'enum deve avere un inizializzatore

Qual è il modo per creare un enum con 3 tipi di colore?

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

questo è il LinearGradient

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

 >

Risposta n. 1

Attualmente non è consentito inizializzare una variabile con più valori. Puoi separare i gradienti di colore in 3 variabili diverse come di seguito, se questo ti aiuta nella tua situazione.

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

Parco giochi

E potresti fare riferimento a qualcosa come Colors.button_gradient_color1, forse.

Mentre lo passi al componente LinearGradient puoi fare quanto segue:

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

Risposta n. 2

Puoi farlo in questo modo poiché l'enum è già stato dichiarato

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