The VBox layout arranges items vertically down in a container. It optionally divides the available vertical space between child items containing a flex
configuration, which is numeric. The
flex
option is a ratio that distributes the height after any items with explicit heights have been accounted for. We can either use the height
property to specify a fixed height or use flex
. This recipe describes how we can arrange our items by using the vbox
layout.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.