android - 颤振中具有顶部重力和覆盖线的对话框
问题描述
尝试制作此 UI,无法在对话框中设置重力或位置。我不知道要制作叠加虚线。
class DashboardScreen extends StatefulWidget {
@override
_DashboardScreenState createState() => _DashboardScreenState();
}
class _DashboardScreenState extends State<DashboardScreen> {
@override
Widget build(BuildContext context) {
return Scaffold(
body:Container(),
appBar: AppBar(centerTitle: false,
automaticallyImplyLeading: false,
backgroundColor: Colors.white,
elevation: 0,
title: Text(
"Inventory",
textScaleFactor: 1.3,
style: TextStyle(color: Colors.black87, fontFamily: "light"),
),
actions: [
IconButton(
onPressed: (){},
color: Colors.black,
icon: ImageIcon(
AssetImage('assets/images/camera_outline.png'),
size:50,
),
),
IconButton(
onPressed: (){},
color: Colors.black,
icon: ImageIcon(
AssetImage('assets/images/camera_outline.png'),
size:50,
),
),
IconButton(
onPressed: (){
// openAlertBox();
showDialog(context: context,
builder: (_) =>Dialog(
backgroundColor: Colors.transparent,
insetPadding: EdgeInsets.all(20),
child: Column(
children: <Widget>[
Container(
width: double.infinity,
height: 150,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Colors.white
),
padding: EdgeInsets.fromLTRB(20, 50, 20, 20),
child: Text("You can make cool stuff!",
style: TextStyle(fontSize: 24),
textAlign: TextAlign.center
),
),
],
)
));
},
color: Colors.black,
icon: ImageIcon(
AssetImage('assets/images/camera_outline.png'),
size:50,
),
)
],
),
);
}
}
它看起来如何。
解决方案
推荐阅读
- loops - 如何在 Tcl 的一个参数中使用带有多个变量的 puts?
- php - PHP连接被拒绝
- swift - 通过匹配对 Realm 中的过滤结果进行排序
- javascript - React JS-发送POST请求时CORS缺少允许标头
- python - ProjError:x、y、z 和时间必须相同大小
- python - 错误 sqlite3.OperationalError:靠近“=”:语法错误
- c - CS50 可读性项目中的错误,只有 1 个输入,其他所有输入都有效
- malloc - GNU malloc 大小类
- discord.py - Discord python bot创建:清除消息命令,显示删除了多少消息
- meteor - Meteor 查询在服务器上运行得非常好,但在客户端上却不行