GetX导航问题：返回首页不新建实例且首页返回需跳转至商品详情页

问题场景 #

导航路径要求：首页→商品页→商品详情页→首页，需满足两个核心需求：

1. 跳转至首页时不创建新的首页实例
2. 在首页点击返回按钮时，能跳转回商品详情页

之前的问题：使用Get.toNamed(Routes.Home)会生成首页新实例；若通过移除栈页面返回首页，点击返回按钮无法回到商品详情页。

解决方案 #

1. 全局复用首页实例

通过创建首页的全局单例，确保每次跳转首页时都复用同一个实例：

// 全局初始化首页单例（放在路由配置文件或全局常量文件中）
final HomePage _homePageInstance = HomePage();

// GetX路由配置列表
List<GetPage> appRoutes = [
  GetPage(
    name: Routes.Home,
    page: () => _homePageInstance, // 始终返回同一个首页实例
  ),
  GetPage(
    name: Routes.Goods,
    page: () => GoodsPage(),
  ),
  GetPage(
    name: Routes.GoodsDetail,
    page: () => GoodsDetailPage(),
  ),
];

2. 跳转首页的正确方式

在商品详情页中，直接使用Get.toNamed(Routes.Home)跳转即可：

// 商品详情页的跳转逻辑
onTap: () {
  Get.toNamed(Routes.Home);
},

此时导航栈结构为：[首页实例, 商品页, 商品详情页, 首页实例]，完全复用了原首页实例，且保留了完整的返回链路。

3. 确保返回按钮逻辑正确

首页的返回按钮需调用Get.back()，遵循GetX的导航栈逻辑：

// 首页的返回按钮点击事件
onPressed: () {
  Get.back();
},

点击后会自动回到栈的上一层页面（商品详情页）。

原理说明 #

• 通过全局单例强制首页实例唯一，避免Get.toNamed()默认创建新页面实例的行为。
• 保留完整的导航栈结构，确保返回操作能按预期回溯到商品详情页。

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