Flutter传递favourite_meals时出现RangeError(index)无效值报错

问题原因&修复方案 #

你遇到的索引越界错误核心原因是初始状态下favourite_meals是空列表，你在tabScreen内部直接对该列表做了下标访问，没有提前判空，对应修复步骤如下：

1. 优先排查tabScreen（注意Dart规范类名需为大驼峰，建议改为TabsScreen避免命名问题）的内部代码，所有用到favourite_meals[index]的位置，都要先判断列表不为空再执行下标访问，比如：

// 错误写法，空列表时直接崩溃
var firstFav = favourite_meals[0];

// 正确写法
var firstFav = favourite_meals.isNotEmpty ? favourite_meals[0] : null;

你已经在FavouritesScreen做了空判断，但是tabScreen内部的其他逻辑漏了判空是触发错误的直接原因。

2. 修复main.dart中的重复导入问题，删除其中一条重复的tabs_screen.dart导入语句，避免编译隐式冲突：

// 删掉这两行中的任意一行
import 'package:meals_app/tabs_screen.dart';
import 'tabs_screen.dart';

3. 可选优化：给togglefavourites方法中的firstWhere加上orElse fallback，避免传入不存在的餐品ID时抛出找不到元素的错误：

favourite_meals.add(
  DUMMY_MEALS.firstWhere(
    (meal) => meal.id == mealId,
    orElse: () => throw Exception('未找到对应餐品'), // 或返回默认值自定义处理
  ),
);

4. 建议统一代码命名规范：Dart官方要求变量名、函数名使用小驼峰，类名使用大驼峰，比如available_meals改为availableMeals，togglefavourites改为toggleFavourites，避免奇怪的语法问题。

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