flutter - Flutter中如何实现自定义对话框?

我是 Flutter 新手,需要创建一个图库应用,该应用需要自定义对话框来显示所选图像。我该如何实现?

最佳答案

使用 Dialog 类,它是 Flutter 中 AlertDialog 类的父类。对话框小部件有一个参数“shape”,您可以使用它来塑造对话框的边缘。

这是一个代码示例:

 Dialog errorDialog = Dialog(
  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12.0)), //this right here
  child: Container(
    height: 300.0,
    width: 300.0,
   
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Padding(
          padding:  EdgeInsets.all(15.0),
          child: Text('Cool', style: TextStyle(color: Colors.red),),
        ),
        Padding(
          padding: EdgeInsets.all(15.0),
          child: Text('Awesome', style: TextStyle(color: Colors.red),),
        ),
        Padding(padding: EdgeInsets.only(top: 50.0)),
        TextButton(onPressed: () {
          Navigator.of(context).pop();
        },
            child: Text('Got It!', style: TextStyle(color: Colors.purple, fontSize: 18.0),))
      ],
    ),
  ),
);
showDialog(context: context, builder: (BuildContext context) => errorDialog);}

https://stackoverflow.com/questions/53019061/

相关文章:

android - 在 flutter 中打开对话框时检测返回按钮按下

dart - Flutter BottomNavigationBar 不能处理三个以上的项目

android-studio - 无法将 Flutter 项目迁移到 AndroidX

dart - Flutter TextField 自动完成覆盖

ios - 使用 Swift 创建 Flutter 项目

dart - 如何在我的 Flutter 应用程序中重置基本路由 - 即弹出任何路由并使用 Navi

dart - Flutter Firestore 服务器端时间戳

flutter - 如何在不同的屏幕尺寸上测试 Flutter 小部件?

firebase - Flutter 中从 Firestore 查询单个文档(cloud_fires

dart - flutter 导航器不工作