Ground floor flat in quiet edge of village location.

InkResponse and InkWell, for the ink splash effect itself.

TextButton, ElevatedButton, OutlinedButton, for buttons with text labels and an optional icon.

AppBar, to show a toolbar at the top of an application.

CloseButton, an icon button for closing pages.

BackButton, an icon button for a 'back' affordance which adapts to the.

Users canĬustomize it by using IconButtonTheme, IconButton.style or IconButton.visualDensity.įlutter create -sample=material.IconButton.4 mysample The IconButton.visualDensity is set to pact. In Material Design 3, the IconButton.visualDensity defaults to VisualDensity.standardįor all platforms otherwise the button will have a rounded rectangle shape if Precedence: widget property, IconButtonTheme property, IconTheme property and Each IconButton's property is resolved by the order of If both themes exist, the IconButtonTheme will override IconTheme no matter In Material Design 3, both IconTheme and IconButtonTheme are used to override the default style Show selectedIcon, if it false it will show the normal icon. Null then it will behave as a toggle button. If isSelected is null it will behave as a normal button. To not break existing apps, the toggle feature can be optionally controlled Material Design 3 also treats IconButtons as toggle buttons. To create a outlined icon button, use IconButton.outlined. Use IconButton.filled to create a filled tonal icon button, use IconButton.filledTonal The default IconButton is the standard type. Material Design 3 introduced new types (standard and contained) of IconButtons. InkResponse contributed by descendant widgets.įlutter create -sample=material.IconButton.2 mysample The underlying Material along with the splash and highlight

It's easy enough to create an icon button with a filled background In AppBar.actions are an example of this. On top of the parent widget's background. Icon buttons don't support specifying a background color or otherīackground decoration because typically the icon is just displayed Size, not 72, which may produce unexpected layouts and clipping If you do, the button's size will be based on the default icon

Icon: const Icon(Icons.favorite, size: 72), Icon's size with its Icon.size parameter, use the icon button's When creating an icon button with an Icon, do not override the To create a local project with this code sample, run:įlutter create -sample=material.IconButton.1 mysample Icon sizes

Home flat icon