ThemeData configuration in Flutter - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is ThemeData in Flutter?

ThemeData is a class that holds the colors and font styles for a Flutter app's overall look and feel. It helps keep the app's design consistent.

beginner

How do you apply a ThemeData to a Flutter app?

You pass the ThemeData object to the theme property of the MaterialApp widget. This sets the app-wide theme.

beginner

What property in ThemeData controls the primary color of the app?

The primaryColor property sets the main color used in the app's app bar, buttons, and other elements.

intermediate

How can you customize the text style in ThemeData?

Use the textTheme property in ThemeData to define styles for different text types like headlines, body text, and captions.

beginner

What is the benefit of using ThemeData in a Flutter app?

It makes it easy to change the app's look in one place, ensures consistent styling, and supports light/dark mode switching.

Which widget property is used to apply ThemeData in a Flutter app?

A theme

B style

C colorScheme

D decoration

The theme property of MaterialApp is used to apply ThemeData.

What does the primaryColor in ThemeData affect?

A Font size of text

B Background color of the app only

C Main color for app bars and buttons

D Padding around widgets

primaryColor sets the main color used in app bars, buttons, and other key UI elements.

How do you change the default font style for body text in ThemeData?

A Use <code>buttonColor</code>

B Set <code>bodyText1</code> in <code>textTheme</code>

C Modify <code>iconTheme</code>

D Change <code>primaryColor</code>

The bodyText1 style inside textTheme controls the default body text style.

Which ThemeData property helps support dark mode?

A fontFamily

B iconTheme

C buttonColor

D brightness

The brightness property can be set to Brightness.dark or Brightness.light to support dark mode.

What is the easiest way to change the app's color scheme globally?

A Change the <code>ThemeData</code> in <code>MaterialApp</code>

B Use inline styles in widgets

C Update each widget color manually

D Modify the main.dart file only

Changing the ThemeData in MaterialApp updates the app's colors globally.

Explain how ThemeData helps maintain consistent design in a Flutter app.

Think about how changing one setting affects the whole app.

Describe how to customize text styles using ThemeData in Flutter.

Focus on the textTheme property and its role.