You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中OutlineButton是否仍可用?是否仅保留OutlinedButton?

OutlinedButton的可用性与代码问题解决

可用性说明

OutlinedButton是Flutter官方完全支持且推荐使用的带边框按钮组件,它是旧版OutlineButton(已标记为废弃)的替代方案,目前在最新的Flutter稳定版本中仍可正常使用,不存在被移除的情况。

代码问题原因及修复

你提供的代码无法正常工作,核心问题在于ButtonStyle的shape参数需要接收MaterialStateProperty<RoundedRectangleBorder?>类型的值,而非直接传入RoundedRectangleBorder实例。

修复后的代码如下:

OutlinedButton(
  onPressed: () {},
  style: ButtonStyle(
    shape: MaterialStateProperty.all(
      RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(13.0),
      ),
    ),
  ),
  child: const Icon(Icons.remove),
),

额外优化建议:

  • 给Icon添加const修饰符,可提升小部件构建性能
  • 若需自定义边框样式,可在ButtonStyle中通过side参数配置边框的颜色、宽度等属性

内容的提问来源于stack exchange,提问作者yasith

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.30 09:52:02