Luego de consultar con expertos en esta materia, programadores de deferentes áreas y maestros hemos dado con la solución a la pregunta y la dejamos plasmada en este post.
Solución:
cambiar la linea
const Color(0xFF0E3311)
a
const Color(0xFF0E3311).withOpacity(0.5)
o cualquier valor que desee.
Si solo desea establecer una opacidad para su color, es simple agregar 2 números hexadecimales antes de su código de color. Compruebe esta respuesta para conocer todos los valores.
Pero si desea cambiar la opacidad de todo el widget, en su caso un Contenedor, puede envolverlo en un widget de Opacidad como este:
double _opacityValue = 0.50;//This value goes from 0.0 to 1.0. In this case the opacity is from 50%
final Widget _bodyWithOpacity = Opacity(
opacity: _opacityValue,
child: body,
);
¡Consulta aquí la documentación de Opacity y este video rápido si quieres saber más al respecto!
Flutter utiliza un valor de color de 32 bits en formato ARGB, donde A = Alfa, R = ROJO, G = VERDE y B = AZUL.
Entonces, para controlar la opacidad, puede cambiar los valores de los dos primeros dígitos del valor hexadecimal en const Color(0xFF0E3311)puede utilizar valores que van desde 0x000E3311,0x010E3311….0xFF0E3311.
¡Espero que ayude!
Recuerda algo, que te permitimos reseñar .