Flutter如何获取上一个Widget页面的实例名称？

要在商品详情页（Product details Widget）的返回按钮InkWell回调中判断来源页面，最可靠的方式是在跳转时主动传递来源页面标识，以下是两种常见实现方式：

方式一：通过构造函数传参（推荐） #

这种方式逻辑直接，参数传递清晰，适合简单的页面跳转场景。

1. 跳转时传递来源标识 #

在Home页面跳转至详情页时，通过构造函数传入来源页面名称：

// Home页面的跳转代码
Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => ProductDetailsPage(
      sourcePage: 'Home', // 标记来源为Home页面
    ),
  ),
);

在Cart页面跳转时，同理传入Cart标识：

// Cart页面的跳转代码
Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => ProductDetailsPage(
      sourcePage: 'Cart', // 标记来源为Cart页面
    ),
  ),
);

2. 详情页接收参数并判断 #

修改详情页的代码，通过构造函数接收来源参数，然后在InkWell的onTap回调中判断：

class ProductDetailsPage extends StatefulWidget {
  final String sourcePage; // 声明接收来源页面的变量

  const ProductDetailsPage({super.key, required this.sourcePage});

  @override
  State<ProductDetailsPage> createState() => _ProductDetailsPageState();
}

class _ProductDetailsPageState extends State<ProductDetailsPage> {
  final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: scaffoldKey,
      appBar: AppBar(
        backgroundColor: AppTheme.of(context).secondaryBackground,
        automaticallyImplyLeading: false,
        leading: InkWell(
          onTap: () async {
            // 根据来源页面执行不同逻辑
            if (widget.sourcePage == 'Home') {
              // 从Home页面跳转过来的处理逻辑，比如直接返回
              Navigator.pop(context);
              // 也可以添加自定义逻辑，如返回后刷新Home页面
            } else if (widget.sourcePage == 'Cart') {
              // 从Cart页面跳转过来的处理逻辑
              Navigator.pop(context);
              // 比如返回Cart页面后更新购物车数据
            }
          },
          child: const Icon(Icons.arrow_back_ios), // 补充返回图标
        ),
      ),
      // 商品详情页其他内容
    );
  }
}

方式二：通过命名路由传参 #

如果项目使用命名路由管理页面跳转，可以通过路由的settings.arguments传递参数。

1. 注册命名路由 #

在MaterialApp中注册详情页的命名路由：

MaterialApp(
  routes: {
    '/productDetails': (context) => const ProductDetailsPage(),
  },
);

2. 跳转时传递参数 #

Home页面跳转：

Navigator.pushNamed(
  context,
  '/productDetails',
  arguments: 'Home', // 传递来源标识
);

Cart页面跳转：

Navigator.pushNamed(
  context,
  '/productDetails',
  arguments: 'Cart',
);

3. 详情页获取并判断参数 #

在详情页中通过ModalRoute获取路由参数，然后进行判断：

class ProductDetailsPage extends StatefulWidget {
  const ProductDetailsPage({super.key});

  @override
  State<ProductDetailsPage> createState() => _ProductDetailsPageState();
}

class _ProductDetailsPageState extends State<ProductDetailsPage> {
  final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();
  late String _sourcePage;

  @override
  void initState() {
    super.initState();
    // 从路由参数中获取来源页面标识
    _sourcePage = ModalRoute.of(context)?.settings.arguments as String;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: scaffoldKey,
      appBar: AppBar(
        backgroundColor: AppTheme.of(context).secondaryBackground,
        automaticallyImplyLeading: false,
        leading: InkWell(
          onTap: () async {
            if (_sourcePage == 'Home') {
              // Home来源的处理逻辑
              Navigator.pop(context);
            } else if (_sourcePage == 'Cart') {
              // Cart来源的处理逻辑
              Navigator.pop(context);
            }
          },
          child: const Icon(Icons.arrow_back_ios),
        ),
      ),
      // 商品详情页其他内容
    );
  }
}

注意事项 #

不建议直接尝试获取上一个Widget实例的名称，因为Flutter的Widget树中，上一个页面的Widget可能已经被销毁，或者无法通过可靠的API获取实例名称，通过跳转时传参的方式逻辑更清晰、稳定性更高。

内容的提问来源于stack exchange，提问作者rudr'a rajput