Flutter 自定义弹出层
发布日期:2021-10-10 05:31:04 浏览次数:35 分类:技术文章

本文共 1276 字,大约阅读时间需要 4 分钟。

import 'package:flutter/material.dart';class Toast extends StatefulWidget {
@override _ToastState createState() => _ToastState();}class _ToastState extends State
{
@override Widget build(BuildContext context) {
Future myDialog(context){
return showDialog
( context: context, barrierDismissible: false, builder: (BuildContext context) {
return GestureDetector( // 手势处理事件 onTap: (){
Navigator.of(context).pop(); //退出弹出框 }, child: Container( //弹出框的具体事件 child: Material( color: Color.fromRGBO(0, 0, 0, 0.1), child: Center( child: Text('具体操作',style:TextStyle(color: Colors.white),), ), ), ) ); }, );} return Scaffold( body: Container( child: Center( child: GestureDetector( onTap: (){
myDialog(context); }, // 点击执行弹窗 child: Center( child: Text("弹窗"), ), ), ), ), ); }}

学习自定义弹出层

转载地址:https://blog.csdn.net/qq_22049619/article/details/107114986 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:react native 学习笔记
下一篇:Flutter 改变顶部状态栏颜色

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年04月14日 23时23分00秒