Flutter App: Background doesn't change from black to teal

747

If you are using same background color for all screens would consider changing it via theme:

 MaterialApp(
      theme:ThemeData(scaffoldBackgroundColor: Colors.teal),
      home: Scaffold(...
Share:
747
Enea
Author by

Enea

Updated on December 27, 2022

Comments

  • Enea
    Enea over 1 year

    I created a small application with two dice. It works perfectly like I wanted to do it. For the first time, I have a problem with changing the background color of this page. As you can see in my Code below, I chose the backgroundcolor "teal". I have no idea, why this Background doesn't change to "teal". On all the other pages of my App, the Backgroundcolor is "teal"

    Can someone help me with this problem.

    Here's the complete code of this page:

    import 'package:flutter/material.dart';
    import 'dart:math';
    
    void main() {
      return runApp(
        MaterialApp(
          home: Scaffold(
            backgroundColor: Colors.teal,
            body: DicePage(),
          ),
        ),
      );
    }
    
    class DicePage extends StatefulWidget {
      @override
      _DicePageState createState() => _DicePageState();
    }
    class _DicePageState extends State<DicePage> {
      int leftDiceNumber = 1;
      int rightDiceNumber = 1;
    
      void changeDiceFace() {
        setState(() {
          leftDiceNumber = Random().nextInt(6) + 1;
          rightDiceNumber = Random().nextInt(6) + 1;
        });
      }
    
      @override
      Widget build(BuildContext context) {
        return Center(
          child: Column(
    
            children: <Widget>[
              Expanded(
                child: Padding(
                  padding: const EdgeInsets.all(40.0),
                  child: FlatButton(
                    onPressed: () {
                      setState(() {
                        leftDiceNumber = Random().nextInt(6) + 1;
                      });
                    },
                    child: Image.asset('images/dice$leftDiceNumber.png'),
                  ),
                ),
              ),
    
              Expanded(
                child: Padding(
                  padding: const EdgeInsets.all(40.0),
                  child: FlatButton(
                    onPressed: () {
                      changeDiceFace();
                    },
                    child: Image.asset('images/dice$rightDiceNumber.png'),
                  ),
                ),
              ),
            ],
          ),
        );
      }
    }