Flutter中void方法为何需传Context？我的代码报错而专家代码正常原因

你的代码问题所在 #

你定义的navigateToScreen是Widget类的成员方法，这个方法的作用域里并没有context变量——context是build方法的局部参数，类的其他成员方法无法直接访问它，所以编译器会报错要求你传入context。

专家代码不报错的可能原因 #

常见的两种情况：

• 专家把导航方法写在build方法内部：如果navigateToScreen是定义在build方法里的闭包函数，它可以直接访问build方法的context参数，不需要额外传入。
• 专家用的是StatefulWidget的State类：State类本身自带context成员变量（this.context），所以在State类的成员方法里可以直接使用context，不需要手动传入。如果你的Widget是StatelessWidget，类本身没有context成员，就必须显式传入。

修复你的代码的两种方式 #

1. 给navigateToScreen传入context参数：

void navigateToScreen(Food food, BuildContext context) {
  Navigator.push(context, MaterialPageRoute(builder: (context){
    return ProductDetailScreen(food: food);
  }));
}

// 在build里调用时传入context
onTap: ()=>navigateToScreen(food, context),

2. 如果是StatefulWidget，确保在State类里使用：
   如果你的Widget是StatefulWidget，把navigateToScreen放在对应的State类里，就可以直接使用this.context：

class YourScreenState extends State<YourScreen> {
  void navigateToScreen(Food food) {
    Navigator.push(context, MaterialPageRoute(builder: (context){
      return ProductDetailScreen(food: food);
    }));
  }

  // build方法...
}

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