Flutter新手求助：使用Navigator时出现Undefined name 'context'错误

嘿，作为Flutter新手遇到这种问题太正常了，我来一步步帮你搞定！

错误原因分析 #

你碰到的Undefined name 'context'错误，核心问题很明确：你的showPeriod方法里尝试使用context，但这个方法没有获取到有效的BuildContext。Flutter里的context是Widget树的上下文，只有在Widget的build方法（自带context参数）或者显式传入context的方法里才能使用，而你的showPeriod之前没接收context参数，编译器自然找不到这个变量啦。

具体解决步骤 #

1. 给showPeriod方法添加BuildContext参数
   修改你的showPeriod方法，把context作为第一个参数传入，这样方法内部就能正常调用Navigator了：

   Widget showPeriod(BuildContext context, int a) {
     return Scaffold(
       // ... 你的其他Scaffold配置代码
       onPressed: () {
         Navigator.of(context).pushNamed(TakeAttendance.tag);
       },
       // ... 你的其他代码
     );
   }
   

2. 调用showPeriod时传入当前上下文
   在home_page的build方法里调用showPeriod的时候，要把build方法自带的context传进去，比如：

   @override
   Widget build(BuildContext context) {
     return Scaffold(
       // ... 你的页面布局代码
       body: showPeriod(context, 1), // 这里传入context参数
       // ...
     );
   }
   

3. 额外验证：确认路由已注册
   别忘了在你的MaterialApp里注册TakeAttendance的路由，否则即使context正确，跳转也会失败：

   MaterialApp(
     // ... 其他配置
     routes: {
       TakeAttendance.tag: (context) => TakeAttendance(),
     },
   );
   

这样修改之后，点击GO按钮应该就能正常跳转到TakeAttendance页面啦！

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