flutter Opacity组件使用

最新推荐文章于 2025-04-12 19:49:26 发布

原创最新推荐文章于 2025-04-12 19:49:26 发布 · 760 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

Flutter进阶专栏收录该内容

6 篇文章

订阅专栏

这篇博客介绍了Flutter中的Opacity组件，它允许开发者简单地包裹子组件以调整其透明度。示例展示了如何将一张图片的透明度设置为0.8，帮助理解如何在Flutter应用中实现动态透明效果。同时，提供了设置子控件透明度的代码片段，方便开发者参考和应用。

一个透明度组件，使用比较简单外面包裹里面写自己的组件就行

 						 new Opacity(
                            opacity: 0.8,
                            child: new Image(
                              image: new AssetImage("images/icon_login_top_hi.png"),
                              width: 200.0,
                              height: 150.0,
                              fit: BoxFit.cover,
                            ),
                          ),

/**     设置子控件透明度
    const Opacity({
    Key key,
    @required this.opacity,//透明度，0.0 到 1.0，0.0表示完全透明，1.0表示完全不透明
    this.alwaysIncludeSemantics = false,
    Widget child,
    })
 */