How to add Rounded Borders to a Widget in Flutter

Want to show a widget with rounded borders in Flutter?

Just wrap your widget with a DecoratedBox and give it a decoration like this:

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

A couple things to note:

• Container also has a decoration argument, but using DecoratedBox is more lightweight.
• the above also works with BorderRadius.circular(16), however BorderRadius.all() is a const constructor and therefore more optimal.

Happy coding!