onPressed ElevatedButton 自动调用 Flutter

Question

setState() 或 markNeedsBuild() 在构建期间调用

最初我想知道为什么 onPress 在渲染时自动调用。 遇到上述问题后，我尝试通过多种方式解决它，例如

WidgetsBinding.instance.addPostFrameCallback和Future.delayed 。 代码

class ShadowBtn {
  static Widget drawBtn(double width, double height, String text, myFunc) {
    return Container(
      width: width,
      height: height,
      child: ElevatedButton(
        ///onPressed: () => myFunc,
        onPressed: () {
          myFunc();
        },
        child: Text(text),
        ),
      ),
    );
  }
}

一些解决方案说要像onPressed: () => myFunc

我简单地称它为

ShadowBtn.drawBtn(321.w, 61.h, "SEND OTP", openScreen(context))

在哪里开屏

openScreen(context) {
  Future.delayed(Duration.zero, () async {
    Navigator.of(context)
        .pushNamedAndRemoveUntil('/dashboard', (Route<dynamic> route) => false);
  });

  // WidgetsBinding.instance.addPostFrameCallback((_) {
  //   Navigator.of(context).pushNamedAndRemoveUntil(
  //       '/dashboard', (Route<dynamic> route) => false);
  // });
}

在尝试了所有解决方案之后。 我没有找到任何合适的方法来处理它。

Answer 1

openScreen function 在作为参数传递时被调用。

ShadowBtn.drawBtn(321.w, 61.h, "SEND OTP", openScreen(context))

这样的事情应该有效：

ShadowBtn.drawBtn(321.w, 61.h, "SEND OTP", () => openScreen(context));

class ShadowBtn {
  static Widget drawBtn(double width, double height, String text, void Function() myFunc) {
...
        onPressed: () {
          myFunc();
        },
...
  }
}

Answer 2

传递参数的时候实际上没有传递，而是function call ，但是parameter中需要传递function definition 。

所以尝试使用(){function()} ，所以现在definition通过了，并且function is not called.

改变

ShadowBtn.drawBtn(321.w, 61.h, "SEND OTP", openScreen(context))

到

ShadowBtn.drawBtn(321.w, 61.h, "SEND OTP", (){openScreen(context)})