从RaisedButton迁移到ElevatedButton

Question

我是新来的达特;颤振和需要一些帮助，从RaisedButton迁移到ElevatedButton。这个RaisedButton的elevatedButton的样式代码是什么样的?

child: RaisedButton.icon(
icon: Padding(
padding: options.iconPadding ?? EdgeInsets.zero,
child: icon ??
FaIcon(
iconData,
size: options.iconSize,
color: options.iconColor ?? options.textStyle.color,
),
),
label: textWidget,
onPressed: onPressed,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(options.borderRadius),
side: options.borderSide ?? BorderSide.none,
),
color: options.color,
colorBrightness: ThemeData.estimateBrightnessForColor(options.color),
textColor: options.textStyle.color,
disabledColor: options.disabledColor,
disabledTextColor: options.disabledTextColor,
elevation: options.elevation,
splashColor: options.splashColor,
), 

Answer 1

您应该像这样使用ElevatedButtonstyle属性:

ElevatedButton.icon(
icon: Padding(
padding: options.iconPadding ?? EdgeInsets.zero,
child: icon ??
FaIcon(
iconData,
size: options.iconSize,
color: options.iconColor ?? options.textStyle.color,
),
),
label: textWidget,
onPressed: onPressed,
style: ElevatedButton.styleFrom(
primary: options.color,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(options.borderRadius),
side: options.borderSide ?? BorderSide.none,
),
textStyle: TextStyle(color: options.textStyle.color),
elevation: options.elevation,
// and so on 
),
);