Building the Settings screen layout

The settings for this app will need to keep the state, so let's create a stateful widget called Settings. If you are using one of the supported editors (VS Code, IntelliJ IDEA, or Android Studio), you can just type the stful shortcut to save some typing: this will create the boilerplate code for a new stateful widget.

In the settings.dart file, at the end of the file, type stful and type Settings as the name of the widget, as shown in the following code block:

class Settings extends StatefulWidget {
  @override
  _SettingsState createState() => _SettingsState();
}

class _SettingsState extends State<Settings> {
  @override
  Widget build(BuildContext context) {
    return Container(

    );
  }
}

In the settings page, in the next section, we will add a GridView to the Settings screen to build the UI.