Flutter 提升按钮 - 如何使用 MaterialStateProperty.all 移除提升？

Question

好的，随着新的 flutter 更新，我已经弄清楚了大部分事情，但我似乎无法弄清楚提升的属性想要什么。我应用了 MaterialStateProperty.all 并且属性要求位置参数，但我不知道它想要什么。我已经尝试过 double、elevatedValue 和其他所有可预测的东西，但我无法辨别如何将其设置为零。有人可以提供使用 MaterialStateProperty 将高度设置为零的新高架按钮的代码示例吗？

Answer 1

这就是你如何使用新的 Elevated button

ElevatedButtonThemeData(
      style: ButtonStyle(
        backgroundColor: MaterialStateProperty.resolveWith<Color>(
          (Set<MaterialState> states) {
            if (states.contains(MaterialState.disabled)) {
              return greyColor;
            }
            return selectedPrimaryColor; // Defer to the widget's default.
          },
        ),
        elevation: MaterialStateProperty.resolveWith<double>(  // As you said you dont need elevation. I'm returning 0 in both case
              (Set<MaterialState> states) {
            if (states.contains(MaterialState.disabled)) {
              return 0;
            }
            return 0; // Defer to the widget's default.
          },
        ),
        foregroundColor: MaterialStateProperty.resolveWith<Color>(
          (Set<MaterialState> states) {
            if (states.contains(MaterialState.disabled)) {
              return greyColor;
            }
            return selectedPrimaryColor; // Defer to the widget's default.
          },
        ),
      ),
    ),

顺便说一句，我从 themeData 中提取了这个。这样我就不需要一次又一次地重复代码。您还应该学习 ThemeData class。 Here 是文档。

Flutter 提升按钮 - 如何使用 MaterialStateProperty.all 移除提升？

Flutter Elevated Button - How do I remove elevation with MaterialStateProperty.all?

flutter

elevation