Flutter Dart中移除按钮橙色背景问题求助

你的问题出在ElevatedButton的默认背景色或者外层Container的渐变样式上，修改shadowColor没用是因为这个属性控制的是按钮阴影颜色，和背景无关。以下是两种直接有效的解决方法：

方法一：直接设置按钮背景为白色 #

修改ElevatedButton.styleFrom中的配置，把原来的primary: Colors.transparent替换为backgroundColor: Colors.white（Flutter 2.0+推荐用backgroundColor替代primary）：

ElevatedButton(
  style: ElevatedButton.styleFrom(
    backgroundColor: Colors.white, // 这里改为白色
    shadowColor: Colors.transparent,
    shape: const RoundedRectangleBorder(
      borderRadius: BorderRadius.all(Radius.circular(82.0)),
    ),
  ),
  child: Text('Register'.tr),
  onPressed: () {
    // 原有点击逻辑不变
  },
)

方法二：修改外层Container的背景 #

如果橙色背景来自外层Container的渐变（gradientColors中包含橙色），可以直接把Container的渐变替换为白色背景：

Container(
    decoration: BoxDecoration(
        color: Colors.white, // 替换原来的gradient配置
        borderRadius:
            const BorderRadius.all(Radius.circular(7.0))),
    height: 50,
    child: ElevatedButton(...),
)

两种方法选其一即可，推荐方法一，直接针对按钮本身修改，避免影响外层容器的其他布局。

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