Category Archives: Flutter UI

How to implement dropdown lists in Flutter

Share this post

To use dropdown lists we can use the DropdownButton class in Flutter. DropdownButton requires a type for the items on the list. For instance, if we would have a list of Strings then we have to define that when setting up the list. The reason that the widget is called a DropdownButton and not DropdownList, […]

How to add borders to a widget in Flutter

Share this post

Adding a border to a widget is very easy in Flutter. We just need to wrap the widget in a Container and add BoxDecoration to it. Let’s say we want to make a square with blue borders all we need to do is: Which will look like this: What if the border is too “pointy” […]

Sizing widgets relative to parent/screen size in Flutter

Share this post

Oftentimes we don’t want our widgets to have a specific width or height, but rather have a width or height that is relative to the parent. For instance, we want a container to take 65% of the screen width or two containers that each taking respectively 70% and 30% of parent width. These are just […]