Flutter开发：如何在登录/注册后按用户年龄跳转不同童书图书馆？

前置准备 #

在编写判断逻辑前，先做好两个基础准备：

• 确保登录/注册接口返回的用户信息中包含结构化的年龄字段，提前过滤掉空值、格式异常的脏数据
• 提前定义好两个目标页面：适配3-6岁低龄用户的专属图书馆页面、适配6岁以上用户的图书馆页面

核心判断逻辑 #

在登录/注册流程的成功回调节点，拿到可靠的用户年龄值后，直接通过条件分支实现差异化跳转，参考可直接运行的示例代码：

// 登录/注册接口请求成功后，解析返回的用户数据
final userInfo = loginResponse.data;
// 安全转换年龄字段，避免类型不匹配、空值导致的应用崩溃
final int? userAge = int.tryParse(userInfo['age'].toString());

// 异常兜底：年龄数据异常时，引导用户完善个人资料，不做强制分流
if (userAge == null) {
  Navigator.of(context).push(
    MaterialPageRoute(builder: (_) => const CompleteProfilePage()),
  );
  return;
}

// 按年龄区间做分流判断
if (userAge >= 3 && userAge <= 6) {
  // 3-6岁区间：跳转低龄专属图书馆，同时清空路由栈
  Navigator.of(context).pushAndRemoveUntil(
    MaterialPageRoute(builder: (_) => const ToddlerLibraryPage()),
    (route) => false,
  );
} else {
  // 6岁以上区间：跳转高龄适配图书馆
  Navigator.of(context).pushAndRemoveUntil(
    MaterialPageRoute(builder: (_) => const OlderKidsLibraryPage()),
    (route) => false,
  );
}

实操避坑提醒 #

• 不要把跳转逻辑写在页面build()方法中：build会随页面重建多次触发，容易导致重复跳转、页面闪现的问题，所有跳转逻辑必须绑定在用户操作的明确回调节点上（比如接口请求成功的回调）
• 必须清理路由栈：登录完成后的跳转一定要使用pushAndRemoveUntil，把栈中残留的登录页、注册页全部移除，避免用户在目标图书馆页面按返回键，退回到已完成流程的登录页
• 做好年龄字段的安全转换：接口返回的年龄可能是字符串、空值甚至null，直接强制类型转换很容易引发崩溃，必须用int.tryParse做安全解析，异常场景引导用户补全年龄信息
• 对齐需求的边界阈值：明确6岁整属于哪个用户区间、年龄不足3岁的用户走哪个分支，不要遗漏边界场景的判断，比如错把<=6的判断写成<6，漏掉6岁整的用户
• 逻辑复用优化：如果后续有多个登录入口（比如手机号登录、微信授权登录），可以把分流判断逻辑抽成公共方法，避免重复编写相同代码

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