首页 > 解决方案 > 颤动中的自定义容器边框

问题描述

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

标签: flutterflutter-layout

解决方案


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

在链接中还有其他类型

资源

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


推荐阅读