【问题标题】:Is there a way to put a gradient colored border around a container?有没有办法在容器周围放置渐变色边框?
【发布时间】:2020-10-08 19:32:12
【问题描述】:

我有什么:

Container(
        decoration: BoxDecoration( 
          borderRadius: BorderRadius.circular(35),
          border: Border.all(
            color: const Color(0xFFE800E8),//<---- Insert Gradient Here 
            width: 1.5,
          )
        ),
),

这是边框的视觉表示,目前是粉红色的,这就是我想要做的渐变:

【问题讨论】:

    标签: flutter flutter-layout border


    【解决方案1】:

    我不确定是否有更简单的方法。但是你可以使用几个这样的容器来构建它:

    Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          colors: [
            Colors.black,
            Colors.pinkAccent,
          ],
        ),
        borderRadius: BorderRadius.circular(35),
      ),
      height: 100,
      child: Padding(
        padding: const EdgeInsets.all(1.5),
        child: Container(
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(35),
          ),
          child: Center(
            child: Text('Enter further widgets here'),
          ),
        ),
      ),
    ),
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-30
      • 1970-01-01
      • 1970-01-01
      • 2020-11-27
      • 2017-07-28
      相关资源
      最近更新 更多