如何在 Flutter 中禁用按钮？

Question

我刚刚开始掌握 Flutter 的窍门，但我无法弄清楚如何设置按钮的启用状态。

从文档中，它说将onPressed设置为 null 以禁用按钮，并为其提供一个值以启用它。 如果按钮在生命周期内继续处于相同状态，这很好。

我的印象是我需要创建一个自定义的有状态小部件，它允许我以某种方式更新按钮的启用状态（或 onPressed 回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但我在文档中找不到任何关于如何执行的信息。

谢谢。

Answer 1

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 2

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 3

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 4

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 5

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 6

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 7

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 8

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 9

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 10

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 11

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 12

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。

Answer 13

您可以在您的应用程序中将此代码用于加载和禁用按钮：

class BtnPrimary extends StatelessWidget {
  bool loading;
  String label;
  VoidCallback onPressed;

  BtnPrimary(
      {required this.label, required this.onPressed, this.loading = false});

  @override
  Widget build(BuildContext context) {
    return ElevatedButton.icon(
      icon: loading
          ? const SizedBox(
              child: CircularProgressIndicator(
                color: Colors.white,
              ),
              width: 20,
              height: 20)
          : const SizedBox(width: 0, height: 0),
      label: loading ? const Text('Waiting...'): Text(label),
      onPressed: loading ? null : onPressed,
    );
  }
}

希望有用😊

Answer 14

我刚刚开始了解Flutter，但是我在弄清楚如何设置按钮的启用状态时遇到了麻烦。

在文档中，它说将onPressed设置为null以禁用按钮，并为其提供值以启用它。 如果按钮在生命周期中继续处于相同状态，那就很好。

我得到的印象是，我需要创建一个自定义的有状态小部件，该小部件将允许我以某种方式更新按钮的启用状态（或onPressed回调）。

所以我的问题是我该怎么做？ 这似乎是一个非常简单的要求，但是我在文档中找不到有关如何执行此操作的任何信息。

谢谢。