有没有办法在容器周围放置渐变色边框？

Question

我有：

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

这是边框的可视化表示，当前为粉红色，这就是我想要制作的渐变效果：

Answer 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'),
      ),
    ),
  ),
),

有没有办法在容器周围放置渐变色边框？

Is there a way to put a gradient colored border around a container?

border

flutter

flutter-layout