flutter 弹出窗口（flutter对话框使用教程）

在家封闭也是封闭，那就打开电脑来学习一下也不是啥坏事。

程序在遇到错误或则警告的时候就会弹窗提醒。

Flutter当中警告对话框是怎么使用的？今天记录一下。

欢迎来到「技术刚刚好」作者，「技术刚刚好」是个人维护，每天至少更新一篇Flutter技术文章，实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术，那就跟我一起学习进步吧，你的赞，收藏，转发是对我个人最大的支持，维护不易，欢迎关注。

近几年，移动端跨平台开发技术层出不穷，从Facebook家的ReactNative，到阿里家WEEX，前端技术在移动端跨平台开发中大展身手，技术刚刚好作为一名Android开发，经历了从Reactjs到Vuejs的不断学习。而在2018年，我们的主角变成了Flutter，这是Goolge开源的一个移动端跨平台解决方案，可以快速开发精美的移动App。希望跟大家一起学习，一起进步！

一个flutter项目，当我们点击按钮就显示对话框，点击其他地方就关闭对话框。

DEMO

//导入google当中的material库 import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home )); }

很基本的一个Flutter框架，主要是MyHomeState类。

class MyHome extends StatefulWidget { @override MyHomeState createState() }

class MyHomeState extends State<MyHome> { // 创建一个对话框 AlertDialog dialog content "Hello World!" style )); @override Widget build(BuildContext context) { return Scaffold( appBar title "Using Alert Dialog" ), body child child child "Hit to alert!" // 按钮点击 onPressed () { // 点击按钮显示对话框 showDialog(context: context, builder ( context) dialog); }), ), )); } }

其实学习Flutter还是挺简单的，主要都是封装好了，调用就行了。

谢谢观看技术刚刚好的文章，技术刚刚好是个人维护，每天至少更新一篇Flutter技术文章，实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术，那就跟我一起学习进步吧，你的赞，收藏，转发是对我个人最大的支持，维护不易，欢迎关注。