![]() |
|
||||
Planilha Web - Planilhas e Calculadoras online para estudantes e profissionais de Engenharia Civil, Engenharia Elétrica e Engenharia Mecânica. |
|||||
Você está aqui: Flutter ::: Material Library - Biblioteca Material ::: AlertDialog |
Aprenda a usar caixas de alerta AlertDialog em seus aplicativos FlutterQuantidade de visualizações: 2880 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: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
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 |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |





