Você está aqui: Flutter ::: Material Library - Biblioteca Material ::: AlertDialog |
Aprenda a usar caixas de alerta AlertDialog em seus aplicativos FlutterQuantidade de visualizações: 2799 vezes |
Em várias ocasiões nós precisamos de caixas de avisos, ou caixas de alerta em nossos apps Flutter. Para isso nós temos a classe AlertDialog, da biblioteca de widgets Material. Veja sua posição na hierarquia de classes do Flutter e do Material: Object -> DiagnosticableTree -> Widget -> StatelessWidget -> AlertDialog Note que um diálogo de alerta é um widget StatelessWidget, ou seja, o usuário não consegue interagir com ele, a não ser clicar no botão de fechar. Se você pretende exibir um diálogo de alerta com mais possibilidades de iteração, considere usar a classe SimpleDialog. Veja um código completo para uma aplicação Flutter que exibe uma mensagem de alerta quando o usuário clicar em um botão: import 'package:flutter/material.dart'; // método principal do Dart, que inicia a aplicação void main() { runApp(MeuApp()); } class MeuApp extends StatelessWidget { // Este widget é a raiz da aplicação Flutter @override Widget build(BuildContext context) { return MaterialApp( title: 'Caixa de alerta AlertDialog', theme: ThemeData( primarySwatch: Colors.blue, ), home: TelaInicial(), ); } } // Vamos construir a view e retornar para a raiz da aplicação class TelaInicial extends StatefulWidget { TelaInicial({Key key}) : super(key: key); @override _TelaInicialState createState() => _TelaInicialState(); } class _TelaInicialState extends State<TelaInicial> { // este método permite mostrar uma caixa de alerta AlertDialog Future<void> _mostrarCaixaAlerta() async { return showDialog<void>(context: context, barrierDismissible: false, builder: (BuildContext context) { return new AlertDialog( title: new Text("Título do Aviso"), content: new SingleChildScrollView( child: new ListBody( children: [ new Text("E aqui vai o texto.\n\nMais uma linha"), ], ), ), actions: [ new FlatButton( child: new Text('OK'), onPressed: () { Navigator.of(context).pop(); }, ), ], ); }, ); } @override Widget build(BuildContext context) { final btn = ElevatedButton( onPressed: _mostrarCaixaAlerta, child: Text('Mostrar Aviso de Alerta'), ); return Scaffold( appBar: AppBar( title: Text("Caixa de alerta AlertDialog"), ), body: Center( child: Container( child: Padding( padding: const EdgeInsets.all(20.0), child: Column( children: <Widget>[ // o botão vai aqui btn, ], ), ), ), ), ); } } Execute a aplicação e clique no botão para ver o resultado. |
![]() |
Veja mais Dicas e truques de Flutter |
Dicas e truques de outras linguagens |
C# - Como excluir todos os itens selecionados em uma ListBox de múltipla seleção do C# Windows Forms |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
1º lugar: Java |