Como posso adicionar um botão que, quando pressionado, exibe uma mensagem de alerta em Flutter?
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