RflutterAlert:在另一行制作一个按钮
RflutterAlert : making a button in another line
大家好,我有这个包含 3 个按钮的简单代码
void _showOptions (bill , context){
Alert(
context: context,
type: AlertType.info,
style: AlertStyle(titleStyle: Theme.of(context).textTheme.bodyText1),
title: translator.currentLanguage == 'ar' ? 'الخيارات'
: 'Options',
buttons: [
DialogButton(
onPressed: (){
Navigator.push(context,
MaterialPageRoute(builder: (BuildContext context) =>
BillView(widget.userInformation , widget.userInformation, bill))
);
},
color: Color(0xffff9900),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(translator.translate("view_bill"), style: TextStyle(color: Colors.white)),
SizedBox(width: 5,),
Icon(Icons.featured_play_list , color: Colors.white,)
],
),
),
DialogButton(
onPressed: (){
Navigator.push(context,
MaterialPageRoute(builder: (BuildContext context) =>
PurchasesEdit(widget.userInformation , widget.userInformation, bill))
);
},
color: Colors.blue,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(translator.translate("edit"), style: TextStyle(color: Colors.white)),
SizedBox(width: 5,),
Icon(Icons.edit , color: Colors.white,)
],
),
),
DialogButton(
onPressed: (){
return _deleteBill(bill['id'] , context);
},
color: Colors.red,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(translator.translate("delete"), style: TextStyle(color: Colors.white)),
SizedBox(width: 5,),
Icon(Icons.delete_forever , color: Colors.white,)
],
),
),
],
).show();
}
它工作正常,但三个按钮彼此相邻,我希望其中一个在底部,另外两个在顶部
现在的结果
查看 -- 编辑 -- 删除
我想要什么
编辑 -- 删除
----查看------
我该怎么做?
提前致谢
库使用 Row 渲染按钮,所以不可能制作
编辑 -- 删除
----查看------
布局。我不使用那个库,但你可能需要分叉 github 项目,或者只使用一个 DialogButton
并在其中在子 属性 中创建你的自定义按钮布局,或者添加你的按钮直接到 content
。有很多解决方法,但我建议的主要方法是使用 showGeneralDialog,当然这可能需要一些时间来设置,但您可以在那里更轻松地进行自定义布局
大家好,我有这个包含 3 个按钮的简单代码
void _showOptions (bill , context){
Alert(
context: context,
type: AlertType.info,
style: AlertStyle(titleStyle: Theme.of(context).textTheme.bodyText1),
title: translator.currentLanguage == 'ar' ? 'الخيارات'
: 'Options',
buttons: [
DialogButton(
onPressed: (){
Navigator.push(context,
MaterialPageRoute(builder: (BuildContext context) =>
BillView(widget.userInformation , widget.userInformation, bill))
);
},
color: Color(0xffff9900),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(translator.translate("view_bill"), style: TextStyle(color: Colors.white)),
SizedBox(width: 5,),
Icon(Icons.featured_play_list , color: Colors.white,)
],
),
),
DialogButton(
onPressed: (){
Navigator.push(context,
MaterialPageRoute(builder: (BuildContext context) =>
PurchasesEdit(widget.userInformation , widget.userInformation, bill))
);
},
color: Colors.blue,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(translator.translate("edit"), style: TextStyle(color: Colors.white)),
SizedBox(width: 5,),
Icon(Icons.edit , color: Colors.white,)
],
),
),
DialogButton(
onPressed: (){
return _deleteBill(bill['id'] , context);
},
color: Colors.red,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(translator.translate("delete"), style: TextStyle(color: Colors.white)),
SizedBox(width: 5,),
Icon(Icons.delete_forever , color: Colors.white,)
],
),
),
],
).show();
}
它工作正常,但三个按钮彼此相邻,我希望其中一个在底部,另外两个在顶部
现在的结果
查看 -- 编辑 -- 删除
我想要什么
编辑 -- 删除
----查看------
我该怎么做?
提前致谢
库使用 Row 渲染按钮,所以不可能制作
编辑 -- 删除
----查看------
布局。我不使用那个库,但你可能需要分叉 github 项目,或者只使用一个 DialogButton
并在其中在子 属性 中创建你的自定义按钮布局,或者添加你的按钮直接到 content
。有很多解决方法,但我建议的主要方法是使用 showGeneralDialog,当然这可能需要一些时间来设置,但您可以在那里更轻松地进行自定义布局