颤抖的自定义容器边框

时间:2020-09-28 22:37:16

标签: flutter flutter-layout

您好,我是新朋友,不知道如何制作自定义边框,请帮助我生成这种类型的边框。 https://i.stack.imgur.com/MAlwG.png

1 个答案:

答案 0 :(得分:1)

在Flutter中,向小部件添加边框非常容易。我们只需要将小部件包装在Container中并向其中添加BoxDecoration。

假设我们要制作一个带有蓝色边框的正方形,我们要做的就是:

Container(
  height: 100,
  width: 100,
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.blue,
    ),
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: Center(
    child: Text('mrflutter.com'),
  ),
),

链接中还有其他类型

Source

还有关于BoxDecoration小部件的教程 Boxdecoration tutorial