Flutter 设置透明和半透明背景颜色及渐变颜色

2024-01-07  本文已影响0人  Superman168

前言

以前不知道Flutter中的颜色怎么设置半透明,半路出家,今天需要了,又查了一下看到其实很简单:

1. 设置半透明

Colors.black.withOpacity(0.6),随意调节,可控

2. 设置全透明

Colors.transparent

3. 渐变颜色的设置

只需要用Containner 包一下就可以了:

Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.centerLeft,
          end: Alignment.centerRight,
          colors: [
            Colors.red.withOpacity(0.5),
            Colors.green.withOpacity(0.7),
            Colors.blue.withOpacity(0.6),
          ],
        ),
      ),
    ),

有时候Flutter开发还是挺简单的,上手入门很简单,但同时也有一些缺点。

上一篇 下一篇

猜你喜欢

热点阅读