如何在Flutter中为小部件添加圆形边框

90 阅读1分钟

想在Flutter中显示带有圆角边框的小部件吗?

只要用一个DecoratedBox ,并给它一个decoration ,像这样就可以了。

DecoratedBox(
  decoration: BoxDecoration(
    color: Colors.blue,
    borderRadius: const BorderRadius.all(Radius.circular(16)),
    // alternatively, do this:
    // borderRadius: BorderRadius.circular(16),
  )
  child: someWidget,
)

有几件事需要注意。

  • Container 也有一个 的参数,但使用 更加轻便。decoration DecoratedBox
  • 上述内容也适用于BorderRadius.circular(16) ,但是BorderRadius.all() 是一个const 构造函数,因此更理想。

编码愉快!