Flutter中如何跨文件通用调用loginScreen与registerScreen方法？

问题根源 #

你原来的loginScreen和registerScreen是某个Widget类的成员方法，既未对外导出，还依赖该类自身的context，在其他文件的类中直接调用时，既找不到方法定义，也无法获取对应context，因此报错。

方案一：封装全局工具函数（推荐） #

把弹窗方法抽成独立的全局工具函数，接收BuildContext作为参数，这样在任何文件导入后，传入当前context即可调用。

1. 创建工具文件（比如dialog_utils.dart）：

import 'package:flutter/material.dart';
import 'path/to/your_login_register_screens.dart'; // 替换为LoginScreen、RegisterScreen的实际路径

void showLoginScreen(BuildContext context) {
  showModalBottomSheet(
    backgroundColor: Colors.transparent,
    context: context,
    isScrollControlled: true,
    builder: (BuildContext context) {
      return LoginScreen();
    },
  );
}

void showRegisterScreen(BuildContext context) {
  showModalBottomSheet(
    backgroundColor: Colors.transparent,
    context: context,
    isScrollControlled: true,
    builder: (BuildContext context) {
      return RegisterScreen();
    },
  );
}

2. 在_ButtonTextState所在文件导入工具类，调用时传入当前context：

// 导入工具文件
import 'path/to/dialog_utils.dart';

class _ButtonTextState extends State<ButtonText> {
  @override
  Widget build(BuildContext context) {
    return TextButton(
        style: ButtonStyle(
            overlayColor: MaterialStateProperty.all(Colors.transparent)),
        onPressed: () {
          showLoginScreen(context); // 正常调用
        },
        child: const Text(
          "Ingresa aquí",
          style: TextStyle(color: Colors.blue, fontSize: 12),
        ));
  }
}

方案二：通过组件回调传递方法 #

如果loginScreen方法属于某个父Widget，可通过给ButtonText组件传递回调的方式实现调用，无需跨文件导出方法。

1. 修改ButtonText的StatefulWidget定义，添加回调参数：

class ButtonText extends StatefulWidget {
  final VoidCallback? onLoginTap;

  const ButtonText({Key? key, this.onLoginTap}) : super(key: key);

  @override
  _ButtonTextState createState() => _ButtonTextState();
}

2. 在_ButtonTextState中使用回调：

class _ButtonTextState extends State<ButtonText> {
  @override
  Widget build(BuildContext context) {
    return TextButton(
        style: ButtonStyle(
            overlayColor: MaterialStateProperty.all(Colors.transparent)),
        onPressed: widget.onLoginTap, // 直接使用传递的回调
        child: const Text(
          "Ingresa aquí",
          style: TextStyle(color: Colors.blue, fontSize: 12),
        ));
  }
}

3. 在父Widget中使用ButtonText时传入loginScreen方法：

ButtonText(
  onLoginTap: loginScreen,
)

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