If you need to show a semi-transparent image, use the opacity argument with AlwaysStoppedAnimation rather than adding a parent Opacity widget.
According to the docs, Opacity could apply the opacity to a group of widgets and therefore a costly offscreen buffer will be used.
Note: the Image class also has color and colorBlendMode arguments that can be used to apply custom color filters:
// Same result as above
Image.asset(
'assets/banner.png',
color: Colors.white.withOpacity(0.5),
colorBlendMode: BlendMode.modulate,
)To learn more about the Opacity widget and its alternatives, read the official docs:
| Previous | Next |
|---|---|
| Disposing fields to avoid memory leaks | The build method: DOs and DON'Ts |