Flutter接入Firebase后点击餐厅报错NoSuchMethodError且商品不显示如何解决

1. NoSuchMethodError报错修复 #

错误根因：_restaurantServices.getRestaurantById返回了null值，后续代码直接访问null['id']触发空方法调用异常。

修复步骤： #

• 首先校验入参restaurantId合法性，避免空ID传入发起无效查询
• 增加查询结果非空判断，仅当返回有效数据时执行后续业务逻辑
• 检查Firebase权限规则，确认调试账户拥有restaurants集合的文档读取权限
• 检查getRestaurantById方法实现，确认集合名称、查询逻辑无误

修复后代码示例： #

loadSingleRestaurant({String restaurantId}) async{
    // 入参非空校验
    if(restaurantId?.isEmpty ?? true) return;
    final restaurant = await _restaurantServices.getRestaurantById(id: restaurantId);
    // 查询结果非空校验
    if(restaurant != null){
      // 原业务逻辑：赋值、数据处理等
      notifyListeners();
    }
}

配套getRestaurantById方法优化示例：

Future<Map<String, dynamic>> getRestaurantById({String id}) async{
  final doc = await FirebaseFirestore.instance.collection('restaurants').doc(id).get();
  return doc.exists ? doc.data() : null;
}

2. 列表高度溢出报错修复 #

错误根因：可滚动组件（ListView/GridView等）嵌套在无固定高度约束的父容器（如Column）内，组件无法获取可用高度触发布局异常。

修复方案（三选一即可）： #

• 用Expanded包裹列表组件，让列表占满父容器剩余可用高度：

Column(
  children: [
    // 餐厅头部信息等其他固定组件
    Expanded(
      child: GoodsListWidget(), // 你的商品列表组件
    )
  ]
)

• 给列表设置固定高度，用SizedBox包裹：

SizedBox(
  height: 500,
  child: GoodsListWidget(),
)

• 短列表无需滚动的场景，设置列表shrinkWrap属性适配内容高度：

ListView(
  shrinkWrap: true,
  physics: const NeverScrollableScrollPhysics(),
  children: const [/* 商品列表项 */],
)

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