Flutter运行app时向logcat输出当前打开的界面路径且点击可跳转

最新推荐文章于 2026-06-21 14:04:17 发布

原创

最新推荐文章于 2026-06-21 14:04:17 发布 · 1.2k 阅读

标签

#flutter #javascript #前端 #Dart

收录于

在大型Flutter项目中，快速定位当前界面的源代码文件是个挑战。本文介绍了一种方法，可以在运行app时通过logcat输出当前界面的路径，并实现点击路径直接跳转到对应的文件编辑界面，从而提高调试效率。

当一个项目大了目录文件多了，我们往往会为了找到一个文件花费大量的时间和精力，为了快捷方便的调试我们的项目，我们往往需要在打开app运行的时候需要知道当前打开的界面的文件在哪儿，我们这个代码就能快捷的知道我们app正在打开的文件路径，且在logcat打印出路径，点击路径可进入界面的文件编辑界面。废话不多少，直接上代码：

import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';

///logcat打印路由的类，打印后可点击跳转到打开的页面
extension PageRouteLog on Widget {
  static Map<Widget, String> routeMap = {};
  static bool isShowLog = true;

  ///打印页面路由
  ///[page]需要传入页面对象
  void routeLog(Widget? page) {
    if (isShowLog && page != null) {
      String? target;
      if (routeMap.containsKey(page)) {
        target = routeMap[page];
      } else {
        String route = page.toStringShort();
        route = route.replaceAll("/", "");
        String routePage = "${route}Page";
        StackTrace stackTrace = StackTrace.current;
        String trace = stackTrace.toString();
        List<String> traces = trace.split("#");
        for (Str