IconButton in Flutter - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of the IconButton widget in Flutter?

The IconButton widget creates a clickable button that displays an icon. It is used to add interactive icons that respond to user taps.

beginner

Which property of IconButton defines the icon shown inside the button?

The icon property defines the icon widget displayed inside the IconButton. Usually, it is an Icon widget.

beginner

How do you handle a tap event on an IconButton?

You provide a function to the onPressed property. This function runs when the user taps the button.

intermediate

What happens if you set onPressed to null in an IconButton?

The button becomes disabled. It shows a faded icon and does not respond to taps.

intermediate

How can you change the size and color of the icon inside an IconButton?

You can set the iconSize property to change the icon size, and set the color property inside the Icon widget to change its color.

Which property must you provide to make an IconButton respond to taps?

A onTap

B onPressed

C icon

D child

The onPressed property is the callback function triggered when the button is tapped.

What type of widget is usually passed to the icon property of IconButton?

A Image

B Text

C Container

D Icon

The icon property typically takes an Icon widget to display a material design icon.

If onPressed is set to null, what is the behavior of the IconButton?

A Button is disabled and not clickable

B Button is enabled and clickable

C Button shows a loading spinner

D Button changes color on tap

Setting onPressed to null disables the button, making it unclickable and visually faded.

How do you increase the size of the icon inside an IconButton?

A Set <code>iconSize</code> property

B Wrap icon in a <code>SizedBox</code>

C Set <code>size</code> property on <code>IconButton</code>

D Use <code>fontSize</code> property

The iconSize property directly controls the size of the icon inside the IconButton.

Which widget would you use to create a tappable icon button in Flutter?

A TextButton

B FlatButton

C IconButton

D GestureDetector

IconButton is designed specifically for clickable icons.

Explain how to create an IconButton that prints a message when tapped.

Remember to use the <code>onPressed</code> property to handle taps.

Describe how to disable an IconButton and how it looks when disabled.

Think about what happens when <code>onPressed</code> is null.