當前對話框顯示在螢屏中央。我想在添加圖示之后顯示對話框。
代碼 ：
Widget build(BuildContext context) {
return Scaffold(
body: ListTile(
leading: IconButton(
icon: const Icon(Icons.add),
onPressed: () async {
await showDialogOnButtonPress();
},
),
title: const Text("Title 1"),
)
);
}
showDialogOnButtonPress() 函式：
showDialogOnButtonPress() {
showDialog(
context: context,
barrierDismissible: false,
builder: (BuildContext context) {
return const Dialog(
child: ListTile(
dense: true,
title: Text(
"Alert!",
),
),
);});}
謝謝。
uj5u.com熱心網友回復：
我建議您在此小部件旁邊使用可見性小部件，并在成功添加后將可見狀態更改為真。
uj5u.com熱心網友回復：
試試下面的代碼集 alignment: Alignment.topLeft,：
showDialogOnButtonPress(BuildContext context) {
showDialog(
context: context,
barrierDismissible: false,
builder: (BuildContext context) {
return const Dialog(
alignment: Alignment.topLeft,
child: ListTile(
dense: true,
title: Text(
"Alert!",
),
),
);
});
}
小部件：
ListTile(
leading: IconButton(
icon: const Icon(Icons.add),
onPressed: () async {
await showDialogOnButtonPress(context);
},
),
title: const Text("Title 1"),
),
結果->
uj5u.com熱心網友回復：
您可以像這樣對齊和定位對話框。
showDialog(
context: context,
barrierDismissible: true,
builder: (BuildContext context) {
return Dialog(
alignment: Alignment.topLeft,
insetPadding: EdgeInsets.only(left: 5, top: 20),
child: Container(
width: 100,
child: ListTile(
title: Text("Alert!"),
),
),
);
},
);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/453767.html