Flutter开发--------自定义弹出框

自定义弹出框

前言

现在flutter给的弹出框退出按钮是固定在一个地方的。而项目需求的是要随机点击一处可以退出。所以要我们自定义弹出框

实例代码分析

Future myDialog(context){
  return showDialog<Null>(
        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.5),
                  child: Center(
                    child: Text('具体操作',style: prefix0.TextStyle(color: Colors.white),),
                  ),
                ),
              )
            );
            
        },
    );
}

这个是今天我遇到的需求,看到网上写的很乱,所以在这里写一个比较简单的,给刚刚用flutter开发的小白的建议

发布了50 篇原创文章 · 获赞 35 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_35905501/article/details/95199279