<p>Let's see how to add Opacity to a container in flutter.</p> <p>Here is the expected outcome of this example.</p> <p>);" color:="" color:=>color: #9cdcfe;](args) </p> <p id="9cdcfe;](key" color:= color:=>color: #569cd6;](class color: #4ec9b0;](MyApp color: #569cd6;](extends color: #4ec9b0;](StatelessWidget ); color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) { color: #c586c0;](return color: #569cd6;](const color: #4ec9b0;](MaterialApp( color: #9cdcfe;](home: color: #4ec9b0;](Scaffold( color: #9cdcfe;](body: color: #4ec9b0;](MyLayoutWidget(), ), ); } }</p> <p id="9cdcfe;](key," color:= color:="" color:="">color: #569cd6;](class color: #4ec9b0;](MyLayoutWidget color: #569cd6;](extends color: #4ec9b0;](StatelessWidget ); color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) { color: #c586c0;](return color: #4ec9b0;](Center( color: #9cdcfe;](child: color: #4ec9b0;](Column( color: #9cdcfe;](mainAxisAlignment: color: #4ec9b0;](MainAxisAlignment.color: #4fc1ff;](spaceEvenly, color: #9cdcfe;](children: [ color: #4ec9b0;](Opacity( color: #9cdcfe;](opacity: color: #b5cea8;](0.5, color: #9cdcfe;](child: color: #4ec9b0;](Container( color: #9cdcfe;](height: color: #b5cea8;](200, color: #9cdcfe;](width: color: #b5cea8;](200, color: #9cdcfe;](color: color: #4ec9b0;](Colors.color: #9cdcfe;](blue, color: #9cdcfe;](child: color: #569cd6;](const color: #4ec9b0;](Center(color: #9cdcfe;](child: color: #4ec9b0;](Text(color: #ce9178;]("With Opacity")), ), ), color: #4ec9b0;](Container( color: #9cdcfe;](height: color: #b5cea8;](200, color: #9cdcfe;](width: color: #b5cea8;](200, color: #9cdcfe;](color: color: #4ec9b0;](Colors.color: #9cdcfe;](blue, color: #9cdcfe;](child: color: #569cd6;](const color: #4ec9b0;](Center(color: #9cdcfe;](child: color: #4ec9b0;](Text(color: #ce9178;]("Without Opacity")), ) ], ), ); } } ` Thanks,Srikanth</p>
How to add opacity a container in flutter? Fade a container?
This Article is posted by seven.srikanth at 11/24/2022 1:09:33 AM
Check out our other latest articles
Safearea widget - How to avoid visual overlap with Notch on flutter mobile app?How to convert row of widgets into column of widgets in flutter based on screen size?
How to run Flutter programs from GitHub?
How to get screen orientation in flutter?
NavigationRail example in flutter
Tags: fade widget;
Check out our other latest articles
Safearea widget - How to avoid visual overlap with Notch on flutter mobile app?How to convert row of widgets into column of widgets in flutter based on screen size?
How to run Flutter programs from GitHub?
How to get screen orientation in flutter?
NavigationRail example in flutter