import 'package:flutter/material.dart';

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
        child: Container(
      padding: EdgeInsets.all(10.0),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Container(
              padding: EdgeInsets.all(10.0),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  MyButton(color: Colors.blue, wasPressed: false),
                  MyButton(color: Colors.blue, wasPressed: false),
                  MyButton(color: Colors.blue, wasPressed: false),
                ],
              )),
          Container(
              padding: EdgeInsets.all(10.0),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  MyButton(color: Colors.blue, wasPressed: false),
                  MyButton(color: Colors.blue, wasPressed: false),
                  MyButton(color: Colors.blue, wasPressed: false),
                ],
              )),
        ],
      ),
    ));
  }
}

class MyButton extends StatefulWidget {
  MyButton({this.color, this.wasPressed});

  final Color color;
  final bool wasPressed;

  @override
  MyButtonState createState() => MyButtonState();
}

class MyButtonState extends State<MyButton> {
  bool pressed;
  @override
  void initState() {
    super.initState();

    pressed = widget.wasPressed;
  }

  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      color: pressed == true ? widget.color : Colors.amber,
      onPressed: () {
        setState(() {
          pressed = !pressed;
        });
      },
    );
  }
}

void main() => runApp(MaterialApp(
      home: Scaffold(
        body: Home(),
      ),
    ));