From the course: Flutter Essential Training: Build for Multiple Platforms

Unlock the full course today

Join today to access over 24,700 courses taught by industry experts.

Creating rounded UI elements

Creating rounded UI elements - Flutter Tutorial

From the course: Flutter Essential Training: Build for Multiple Platforms

Start my 1-month free trial Buy for my team

Creating rounded UI elements

“

- In this part we will simply just fix some of the UI issues. Like, when we open this bottom sheet here, it should be rounded by the design, but right now it's completely a square bottom sheet. So let's add that design fix to our picker body. First, let's wrap this with a container, and now we can give a decoration, a box decoration here which can take a border radius. So here, border radius will take different properties like only circular, vertical, or horizontal. Here I can just use only because I only want it on the top left and the top right, so I can just mention it, top left and radius dot circular 24. And also top right could also be the exact same thing, radius dot circular 24. So now if I try to run this you will not really see any kind of rounding here. That is because even if there is any rounding the background of that is still white, and that is why you're not able to see because it is camouflaging between…

Contents