tft每日頭條

 > 圖文

 > flutter 彈出窗口

flutter 彈出窗口

圖文 更新时间:2024-06-30 13:50:32

在家封閉也是封閉,那就打開電腦來學習一下也不是啥壞事。

程序在遇到錯誤或則警告的時候就會彈窗提醒。

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這門技術,那就跟我一起學習進步吧,你的贊,收藏,轉發是對我個人最大的支持,維護不易,歡迎關注。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved