Como posso adicionar um botão que, quando pressionado, exibe uma mensagem de alerta em Flutter?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como posso adicionar um botão que, quando pressionado, exibe uma mensagem de alerta em Flutter?
Oi. Tudo bem?
Pra criar um botão que exibe uma mensagem de alerta em Flutter, você pode usar o widget ElevatedButton junto com a função showDialog para exibir um AlertDialog.
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Exemplo de Alerta')),
body: Center(
child: ElevatedButton(
onPressed: () {
// Exibe o diálogo de alerta quando o botão é pressionado
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text('Alerta'),
content: Text('Você pressionou o botão!'),
actions: <Widget>[
TextButton(
child: Text('OK'),
onPressed: () {
Navigator.of(context).pop();
},
),
],
);
},
);
},
child: Text('Pressione-me'),
),
),
),
);
}
}
Explicação:
ElevatedButton: Cria um botão elevado que você pode pressionar.onPressed: Define a ação que deve ser executada quando o botão é pressionado.showDialog: Exibe um diálogo modal. AlertDialog: Cria a caixa de diálogo com um título, uma mensagem e um botão para fechar o diálogo.Navigator.of(context).pop(): Fecha o diálogo quando o botão "OK" é pressionado.Um abraço e bons estudos.
Valeu! deu certo