Flutter tutorials and courses by Andrea Bizzotto

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!

Want more?

Fast-track your Flutter learning with over 40 hours of in-depth content.