web-dev-qa-db-fra.com

Comment mettre de l'opacité pour le conteneur dans le flutter

Je veux mettre de l'opacité pour conteneur contenant du code de couleur hexadécimal. Je suis nouveau pour flotter. Aidez-moi, s'il vous plaît. Voici le code. Merci d'avance.

final body = Container(
  width: MediaQuery.of(context).size.width,

  margin: const EdgeInsets.only(left: 40.0, right: 40.0),
  padding: EdgeInsets.all(28.0),
   decoration: new BoxDecoration(
     color:   const Color(0xFF0E3311),//here i want to add opacity

   border: new Border.all(color: Colors.black54,
   ),
       borderRadius: new BorderRadius.only(
           topLeft: const Radius.circular(40.0),
           topRight: const Radius.circular(40.0),
       bottomLeft: const Radius.circular(40.0),
       bottomRight:const Radius.circular(40.0) )
),

  child: Column(
    children: <Widget>[ email, password,loginButton],
  ),
);
flutterflutter-layout
31
Pritham Bnr

Le flotteur utilise une valeur de couleur 32 bits en format argb, où a = alpha, r = rouge, g = vert et b = bleu.

Donc, pour contrôler l'opacité, vous pouvez modifier les valeurs des deux premiers chiffres de la valeur hexagonale dans const Color(0xFF0E3311), vous pouvez utiliser des valeurs allant de 0x000E3311, 0x010E3311....0xFF0E3311.

J'espère que cela pourra aider!

3
Hemanth Raj

ici dans Code const Color(0xFF0E3311) Après 0x Valeurs (dans le code ci-dessus 'FF') sont destinés à opacité. 'FF' pour opaque et '00' pour complètement transparent. Donc, en modifiant cette valeur, vous pouvez changer d'opacité de couleur. De plus, nous obtenons la couleur de la valeur de la classe de couleurs de classe de classe pour blanc et noir. par exemple Colors.white70 signifie couleur blanche avec une opacité de 70%

1
Chetan Pawar

Nous pouvons utiliser Color.fromRGBO(255, 255, 255, 0.5) pour une opacité aussi.

0
Dennis