Button
The Button widget allows users to take an action such as saving data, opening a new page, etc. It is one of the most widely used widgets in Flutter.
The Properties Panel can be used to customize the behavior of your Button widget.
To change the height and width of the Button:
- Select the Button from the Tree Area.
- Move to the Property Editor (on the right side of your screen).
- There are two ways to set the image dimensions:
- To set to an exact size, select PX and enter the desired values.
- To set the dimensions as a % of the screen size, select % and enter the desired value.
To change a background color to the button:
- Select the Button from the Tree Area.
- Move to the Property Editor and navigate to the Fill.
- Enter the color code or simply choose it either from Palette.
Changing the Border Radius allows you to create rounded corners for the button.Here’s an example of how to create rounded corners:
- Select the Button from the Tree Area.
- Move to the Property Editor (on the right side of your screen).
- Find the Border Radius property enter the value. By default, the value 0 will be set for all corners which are TL (Top left), TR (top right), BL (bottom left), and BR (bottom right). Click on the link icon () to change each corner separately.
Using various properties under the Button Text section, you can customize the text of the Button widget as your design.
To perform any action, add an Action in the Button. You can find the instructions on adding the Action here.
Last modified 8mo ago