从 RaisedButton 迁移到 ElevatedButton答案

【问题标题】：Migrating from RaisedButton to ElevatedButton从 RaisedButton 迁移到 ElevatedButton
【发布时间】：2021-11-05 16:54:02
【问题描述】：

我是 Dart & flutter 的新手，在从 RaisedButton 迁移到 ElevatedButton 方面需要一些帮助。这个 RaisedButton 的提升按钮的样式代码是什么样的？

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,
        ),

【问题讨论】：

标签： flutter dart widget

【解决方案1】：

您应该像这样使用ElevatedButton style 属性：

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 
      ),
    );

【讨论】：