Flutter基础介绍与实作-Day29 旅游笔记的实作(10)

今天要写的是隐藏式选单的第三个"登出"的选项,原本这格写的是使用说明,後来想想好像没有这个必要就把它改成登出了


开始前一样先来建立资料夹吧
lib/scareens/out/out_screen.dart
lib/scareens/out/components/out_body.dart
程序码如下
out_screen.dart
https://ithelp.ithome.com.tw/upload/images/20211013/20141032haVtY5bfCJ.jpg

out_body.dart
https://ithelp.ithome.com.tw/upload/images/20211013/20141032plImJAHLmP.jpg

这边我的想法是点选登出後会跳出一个提示框,询问使用者是否真的要登出,点选确定要登出後,也会跳出提示显示正在登出,然後这边有用一个Timer来做延迟的动作,我这边设定是延迟2秒,如果觉得太长或太短都可以自行更改,最後不要忘了要串上的连结要记得串上喔!
成果如下
https://ithelp.ithome.com.tw/upload/images/20211013/20141032PTfeWJCQuk.jpg

完整程序码


今日总结
到今天为止我们整个App就算设计完成了,虽然没有当初想的那麽完美,不过至少还算可以啦!明天会对这30天做一个最後的总结,大家明天见


<<:  Day 29 | Unity 游戏开发 - 专案管理工具

>>:  [29] 用 python 刷 Leetcode: 404

从中国恒大事件看停损的重要性

最近中国恒大负债事件愈滚愈大,许多媒体甚至以耸动的标题形容2008年的「雷曼兄弟金融海啸」重演。 个...

[day13] 快速建构JSON Server

前面几篇做了几个交易相关的API,而为了快速跳过後端API的建置,前端网页要留存的资料源,就打算偷懒...

Advanced CRM Study

以下是个人分析目前现有的CRM系统,并汇整及加入自己的一些想法,目的是希望CRM可以提供PM做一些专...

Day14 [实作] 分享画面及录影

快速测试一次分享画面的功能 在浏览器的console中输入 navigator.mediaDevic...

Day5-容器通通塞这里 pod是啥

什麽是pod 根据官网所说,pod是k8s中能创建和管理,最小的计算元件。 以docker的概念来说...