如何在颤动中为 CircleAvatar 提供渐变?

时间:2020-12-23 07:29:01

标签: flutter dart flutter-layout

如何在 flutter 中为 CircleAvatar(); 小部件提供渐变颜色?

2 个答案:

答案 0 :(得分:0)

Container(
  decoration: BoxDecoration(
                  shape: BoxShape.circle,
                  gradient: LinearGradient(
                  colors: [
                          color1,
                          color2,
                  ],
                  begin: Alignment.bottomLeft,
                  end: Alignment.topRight
                  )
              ),
              child: CircleAvatar(
                  child: Text(
                        'MS',
                        style: TextStyle(
                          color: Colors.white
                        )
                  ),
                  backgroundColor: Colors.transparent
              )
    )

答案 1 :(得分:0)

通过使用 Container 作为 CircleAvatar 的子项并为 gradient 属性赋予 gradient 属性,我能够实现我正在寻找的功能强>容器。

 CircleAvatar(
        radius: 40,
        child: Container(
          decoration: BoxDecoration(
            shape: BoxShape.circle,
            gradient: LinearGradient(
              colors: [
                color1,
                color2,
              ],
            ),
          ),
        ),
      ),