【Flutter】正方形的Dialog
- 软件开发
- 2025-09-12 05:42:01

以为很简单,showDialog,里面再使用Dialog就行,结果Dialog有最小宽度限制,这个最小宽度比UI的宽度还要大,使用UnconstrainedBox又各种包裹Container还是不行,最终决定放弃Dialog,直接使用Container。
代码如下
showDialog(context: context, builder: (BuildContext context) { return UnconstrainedBox(//不加的话Container就算设置了宽高也会占据整个屏幕 child: Container( width: 150, height: 150, decoration: BoxDecoration( color: const Color.fromARGB(200, 18, 18, 18), borderRadius: BorderRadius.circular(20), ), child: Column( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center, children: [ const SizedBox(width: 40,height:40,child: CircularProgressIndicator(strokeWidth: 8,)), const SizedBox(height: 20), Text(S.current.logging_in, style: const TextStyle( color: Colors.white, fontSize: 16, decoration: TextDecoration.none//因为不是Material风格,Text文字下方带有两条黄色下划线的现象 ),), ], ), ), ); },);【Flutter】正方形的Dialog由讯客互联软件开发栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“【Flutter】正方形的Dialog”