main.dart

//...


class _ContadorEstado extends State<Contador> {
  //finalmente, podemos declarar variaveis dinamicas dentro das nossas classes,
  //para armazenar o estados dos nossos widgets

  //nesse caso, armazenaremos o número
  int contador = 0;

  //o resto é super simples, apenas implementamos o familiar para nós o metodo build()
  // da mesma forma que fizemos na nossa [StatelessWidget]
  @override
  Widget build(BuildContext context) {
    //quase nada mudou desde o último exemplo.
    //adicionamos comentários para realçar a diferença
    return Center(
      child: GestureDetector(
        onTap: () {
          //uma vez que o botão é pressionado, aumentaremos o valor da variavel [contador]
          setState((){
            //o uso do setState() é necessário para acionar ganchos do ciclo de vida
            //então o widget saberá quando ela deve ser atualizado
            ++contador;
          });
        },
        child: Container(
          decoration: BoxDecoration(
            shape: BoxShape.circle,
            color: Color(0xFF17A2B8),
          ),
          width: 80.0,
          height: 80.0,
          child: Center(
            child: Text('$contador', style: TextStyle(fontSize: 30.0),),
          ),
        ),
      ),
    );
  }
}