我是 Flutter 的
uj5u.com熱心網友回復：
試試下面的代碼希望它對你有幫助。
你的小部件呼叫alrtDialog
TextButton(
onPressed: () {
showDataAlert();
},
child: Text(
'Pressed',
),
),
您的警報對話框功能
showDataAlert() {
showDialog(
context: context,
builder: (context) {
return AlertDialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(
Radius.circular(
20.0,
),
),
),
contentPadding: EdgeInsets.only(
top: 10.0,
),
title: Text(
"Your Title Here",
style: TextStyle(fontSize: 24.0),
),
content: Container(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text(
"Your Contents Here",
style: TextStyle(fontSize: 24.0),
),
SizedBox(
height: 5.0,
),
Container(
decoration: BoxDecoration(
color: Colors.grey.shade500,
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(20.0),
bottomRight: Radius.circular(20.0)),
),
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
ElevatedButton(
onPressed: () {
Navigator.of(context).pop();
},
style: ElevatedButton.styleFrom(
primary: Colors.white,
),
child: Text(
"Cancel",
style: TextStyle(
color: Colors.black,
),
),
),
SizedBox(
width: 10,
),
ElevatedButton(
onPressed: () {
Navigator.of(context).pop();
},
style: ElevatedButton.styleFrom(
primary: Colors.black,
),
child: Text(
"Confirm",
),
),
],
),
)),
],
),
),
);
});
}
- 請參閱
uj5u.com熱心網友回復：
AlertDialog具有適用于完整背景的backgroundColor引數和需要Color。title，actions可以按照您想要的方式配置小部件。AlertDialog( backgroundColor: Colors.pink, content: Text("Message"), buttonPadding: EdgeInsets.all(13), actions: [ ElevatedButton( onPressed: () {}, style: ButtonStyle( backgroundColor: MaterialStateProperty.all<Color>(Colors.green), ), child: Text("Cancel"), ), ElevatedButton( onPressed: () {}, child: Text("Confirm"), ), ], );
我正在使用
ElevatedButton作為操作按鈕，您可以選擇任何內容并進行配置。雖然一切都是小部件，但您可以按照自己的方式放置。您還可以覆寫 themeData。更多關于
- AlertDialog 類。
- 升高按鈕
- 主題
- SO 上的 ElevatedButton 配置
uj5u.com熱心網友回復：
您可以創建自定義對話框。
像這樣。
Dialog errorDialog = Dialog( shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12.0)), //this right here child: Container( height: 200.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('Done!', style: TextStyle(color: Colors.purple, fontSize: 18.0),)) ], ), ), );并顯示對話框
showDialog(context: context, builder: (BuildContext context) => errorDialog);}uj5u.com熱心網友回復：
https://i.stack.imgur.com/Mz3YL.png
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12.0)), //this right here child: Column( mainAxisAlignment: MainAxisAlignment.center, mainAxisSize: MainAxisSize.min, children: <Widget>[ Column( children: [ 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)), ], ), Container( decoration: BoxDecoration( color: Colors.red, borderRadius: BorderRadius.only(bottomLeft: Radius.circular(12), bottomRight: Radius.circular(12)) ), width: double.maxFinite, child: TextButton( onPressed: () {}, child: Text( 'Done!', style: TextStyle(color: Colors.purple, fontSize: 18.0), )), ) ], ), ); ``` [1]: https://i.stack.imgur.com/Mz3YL.png
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/359636.html上一篇：我想添加到默認值