I am following along and in Chapter 2 it instructs me to replace some code in the BUILD section. I did that. But my App Bar Text is left aligned now, not centered as shown in the screen pic? What is wrong here? Here is my code block.
@override
Widget build(BuildContext context) {
final ThemeData theme = ThemeData();
return MaterialApp(
title: 'Recipe Calculator',
theme: theme.copyWith(
colorScheme: theme.colorScheme.copyWith(
primary: Colors.grey,
secondary: Colors.black,
),
),
home: const MyHomePage(title: 'Recipe Calculator'),
);
}