import 'package:flutter/material.dart';

//arrancar a minha aplicação
void main() {
  runApp(MyApp()); //executamos a nossa aplicação
}

//a estrutura base da minha aplicação, que chama os outros componentes da aplicação - inicio
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(debugShowCheckedModeBanner: false, home: ExampleApp());
  }
}//a estrutura base da minha aplicação, que chama os outros componentes da aplicação - fim 

//o componente que é chamado pelo de cima - inicio
class ExampleApp extends StatelessWidget{
  void userLogout(){
    print("cliquei no botão");
  }
  
  void addAlert(BuildContext context){
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text("This is a snackbar"))
    );
  }
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.deepPurple[200],
      appBar: AppBar(
        leading: Icon(Icons.menu, color: Colors.white),
        title: Text("My App Bar", style: TextStyle(color: Colors.white)),
        backgroundColor: Colors.deepPurple,
        actions: <Widget>[
          IconButton(icon: Icon(Icons.logout, color: Colors.white), onPressed: userLogout),
          IconButton(icon: Icon(Icons.add_alert, color: Colors.white), 
                     tooltip: "Show Snackbar",
                     onPressed: () { addAlert(context); })
        ],
      ),
      body: Center(child: Text("Janela Principal", style: TextStyle(fontSize: 24)))
    );    
  }
}//o componente que é chamado pelo de cima - fim