Flutter ElevatedButton样式设置求助：无法实现目标边框与宽度效果

我想要制作出如图所示的按钮，但无法设置出符合要求的边框与宽度效果。我尝试了以下代码：

ElevatedButton(
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(30)),
backgroundColor: Colors.lightBlue[400],
side:BorderSide(width: 2, color: Colors.black)),

目标按钮样式：

实际生成的按钮样式：

从对比图可见，当前按钮主要问题是宽度不足，且缺失必填属性导致样式未完全生效。以下是调整方案：

核心修改点 #

• 添加按钮最小尺寸控制，避免按钮随文本自动收缩
• 补充ElevatedButton必填的onPressed回调和child内容，确保按钮处于正常可用状态

修改后的完整代码 #

ElevatedButton(
  onPressed: () {}, // 必填回调，可添加自定义逻辑
  style: ElevatedButton.styleFrom(
    minimumSize: const Size(220, 60), // 可根据目标图微调宽高数值
    backgroundColor: Colors.lightBlue[400],
    side: const BorderSide(width: 2, color: Colors.black),
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(30),
    ),
  ),
  child: const Text("按钮文本"), // 替换为你的按钮文字
)

额外说明 #

• 若需要固定宽度而非最小宽度，可将minimumSize替换为fixedSize
• 可根据目标图的视觉比例，调整Size的宽高参数直到匹配预期

内容的提问来源于stack exchange，提问作者Tdayo