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

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