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

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

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

本头条核心宗旨

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

技术刚刚好经历

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

本文核心要点

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

flutter 弹出窗口(flutter对话框使用教程)(1)

DEMO

main.dart代码介绍

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

MyHome文件

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

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

MyHomeState方法介绍

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这门技术,那就跟我一起学习进步吧,你的赞,收藏,转发是对我个人最大的支持,维护不易,欢迎关注。

,