如何使 Container 的边框在 flutter 中变为双色？

Question

Flutter 在 Renderflex 溢出时使用两种颜色的警告容器。但是，是否可以在我的 flutter 应用程序中以这种方式为 Container 的边框着色？

Container(
  decoration: BoxDecoration(
    border: Border.all(color: Colors.yellow .... Colors.black)   <--- somehow (?)
  ),
  child: Text('My border')
}

Answer 1

您必须定义两个容器。第一个具有渐变背景的外部容器和第二个具有白色背景的内部容器。作为内部容器的 child，您可以放置任何东西，例如TextField、Text、另一个按钮等

装饰品

    final kInnerDecoration = BoxDecoration(
      color: Colors.white,
      border: Border.all(color: Colors.white),
    );

    const kGradientBoxDecoration = BoxDecoration(
      gradient: LinearGradient(
        begin: Alignment.center,
        end: Alignment(-0.2, -0.5),
        stops: [0.0, 0.5, 0.5, 1],
        colors: [
          Colors.orangeAccent,
          Colors.orangeAccent,
          Colors.black,
          Colors.black,
        ],
        tileMode: TileMode.repeated,
      ),
    );

和容器

Container(
              child: Padding(
                  padding: EdgeInsets.all(8.0),
                  child: Text("child of the container")),
              decoration: kInnerDecoration,
            )

结果：

原答案来自 ->

如何使 Container 的边框在 flutter 中变为双色？

How to make the border of a Container two-colored in flutter?

widget

flutter