Flutter点击按钮调用外部文件方法无响应问题求助

问题根源 #

1. 直接实例化Widget无法触发弹窗：你在按钮点击事件里仅创建了AddItem的实例，但Flutter的Widget只有被插入到Widget树中才会执行build方法，因此popUpDialog根本没被调用。
2. showDialog使用方式错误：showDialog是用于显示弹窗的异步方法，返回值为Future，不能作为build方法的返回值（build必须返回Widget类型），这本身属于类型错误，只是之前没触发到这一步。

正确改造方案 #

推荐把AddItem改成工具类，用静态方法封装弹窗逻辑，更简洁且符合Flutter使用习惯：

改造后的AddItem类

class AddItem {
  // 静态方法，接收context以显示弹窗
  static void show(BuildContext context) {
    TextEditingController customController = TextEditingController();
    
    showDialog(
      context: context,
      builder: (context) {
        return AlertDialog(
          title: const Text('Add Item'),
          content: TextField(
            controller: customController,
            decoration: const InputDecoration(hintText: 'Item Name'),
          ),
          actions: [
            MaterialButton(
              child: const Text('Add Item'),
              onPressed: () {
                // 这里可添加业务逻辑，比如获取输入内容
                String newItemName = customController.text;
                // 关闭弹窗
                Navigator.of(context).pop(newItemName);
                // 后续可处理newItemName，例如添加到列表
              },
            ),
          ],
        );
      },
    );
  }
}

调用处修改

在按钮的onPressed中直接调用静态方法即可：

onPressed: () {
  AddItem.show(context);
},

补充说明 #

如果非要用Widget方式实现（不推荐，无必要），需将AddItem作为弹窗内容，在点击时调用showDialog传入该Widget，但会多一层冗余封装，不如工具类直接高效。

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