Flutter中使用pushNamed实现页面间数据传递的方法（含文本框控制器传参场景）

嘿，我来帮你搞定这个页面传参的问题！针对你的两个疑问，我一步步给你拆解：

一、通用的pushNamed传参方法 #

在Flutter里用pushNamed（或者你用的popAndPushNamed）传递数据，核心是利用导航方法的arguments参数，然后在目标页面通过ModalRoute获取参数。

二、针对你的具体场景（传递文本框控制器的数据） #

你现在要把第一个页面文本框里的内容传到修改密码页，具体操作如下：

1. 修改导航方法，传递数据 #

首先，在你的validateOtpSuccess方法里，取出文本框控制器的text值（不建议直接传递控制器本身，因为控制器属于原页面的状态，传递值更安全），然后通过arguments传递：

@override
void validateOtpSuccess() {
  // 假设你的文本框控制器名为 _otpController
  String enteredOtp = _otpController.text;
  
  Navigator.of(context).popAndPushNamed(
    Constants.ROUTE_CHANGE_PASSWORD,
    arguments: enteredOtp, // 把OTP值传过去
  );
}

如果之后需要传多个参数，也可以用Map来打包：

arguments: {
  'otp': enteredOtp,
  'userId': '12345'
}

2. 在修改密码页获取传递的数据 #

在ChangePasswordScreen中，你可以在build方法或者initState里获取参数：

场景1：传递单个字符串（比如OTP）

class ChangePasswordScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 获取传递的OTP值，做个空值判断更稳妥
    final String? receivedOtp = ModalRoute.of(context)?.settings.arguments as String?;

    return Scaffold(
      appBar: AppBar(title: const Text('修改密码')),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            if (receivedOtp != null)
              Text('收到的验证OTP：$receivedOtp'),
            // 你的修改密码输入框等组件...
          ],
        ),
      ),
    );
  }
}

场景2：传递Map（多个参数）

如果用了Map传参，获取方式如下：

class ChangePasswordScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final Map<String, dynamic>? args = ModalRoute.of(context)?.settings.arguments as Map<String, dynamic>?;
    final String? receivedOtp = args?['otp'];
    final String? userId = args?['userId'];

    return Scaffold(
      appBar: AppBar(title: const Text('修改密码')),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            if (receivedOtp != null) Text('OTP：$receivedOtp'),
            if (userId != null) Text('用户ID：$userId'),
            // 其他组件...
          ],
        ),
      ),
    );
  }
}

小提示 #

• 一定要做空值检查，避免因为参数未传递导致的异常。
• 尽量传递数据本身（比如文本内容），而不是控制器对象，这样能避免跨页面的状态依赖问题。

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