Flutter启用按钮后无法跳转页面问题求助

你的问题出在onPressed的赋值方式上：

• 当你写onPressed: isDisable ? () => null : clickButton()时，clickButton()会在组件渲染时立即执行，而不是在按钮点击时触发。如果clickButton是无返回值的函数，这里相当于给onPressed传入了null，所以点击按钮没有任何反应。

修复方案 #

只需要把函数调用改成传递函数引用即可，有两种常用写法：

写法1：直接传递函数名（无参数时推荐） #

child: MaterialButton(
  elevation: 0,
  onPressed: isDisable ? () => null : clickButton, // 去掉括号，传递函数本身
  child: Text(
    'Done',
    style: TextStyle(
        fontSize: 16.sp, fontWeight: FontWeight.w400),
  ),
),

写法2：用箭头函数包裹（适合需要传参的场景） #

如果clickButton需要接收参数，用箭头函数包裹可以确保点击时才执行函数：

child: MaterialButton(
  elevation: 0,
  onPressed: isDisable ? () => null : () => clickButton(), // 用箭头函数包装执行逻辑
  child: Text(
    'Done',
    style: TextStyle(
        fontSize: 16.sp, fontWeight: FontWeight.w400),
  ),
),

验证跳转逻辑 #

确保你的clickButton函数内包含正确的页面跳转代码，例如：

void clickButton() {
  Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => TargetScreen()), // TargetScreen替换为你的目标页面
  );
}

修改完成后，当isDisable为false时，点击按钮就会触发clickButton函数，执行页面跳转操作。

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