Flutter 中的单例模式

传统:

dart 复制代码
class RouterManager {
  // 单例模式
  static final RouterManager _instance = RouterManager._internal();

  factory RouterManager() {
    return _instance;
  }

  RouterManager._internal();
}

传递参数进行初始化时:

dart 复制代码
class RouterManager {
  // 私有静态实例,确保单例
  static RouterManager? _instance;

  // goRouter 是 final 变量,确保它只被初始化一次
  final GoRouter goRouter;

  // 私有构造函数
  RouterManager._internal(this.goRouter);

  // 工厂方法,返回 RouterManager 实例
  factory RouterManager({String initialLocation = '/'}) {
    _instance ??= RouterManager._internal(buildRouter(initialLocation));
    return _instance!;
  }

  static GoRouter buildRouter(String initialLocation) {
    return GoRouter(
      initialLocation: initialLocation,
      routes: [
        GoRoute(path: '/', builder: (context, state) => const SplashPage()),
        GoRoute(path: '/home', builder: (context, state) => const HomePage()),
        GoRoute(
          path: '/detail/:id',
          builder: (context, state) {
            final id = state.pathParameters['id']!;
            return DetailPage(id: id);
          },
        ),
      ],
      errorBuilder:
          (context, state) => Scaffold(body: Center(child: Text('Error: ${state.error}'))),
    );
  }
}
相关推荐
华洛1 分钟前
聊聊我们公司的AI应用工程师每天都干啥?
前端·javascript·vue.js
江城开朗的豌豆1 分钟前
JavaScript篇:你以为事件循环都一样?浏览器和Node的差别让我栽了跟头!
前端·javascript·面试
技术小丁4 分钟前
使用 HTML +JavaScript 从零构建视频帧提取器
javascript·html·音视频
漫谈网络23 分钟前
TypeScript 编译 ES6+ 语法到兼容的 JavaScript介绍
javascript·typescript·es6
bin91531 小时前
DeepSeek 助力 Vue3 开发:打造丝滑的日历(Calendar),日历_天气预报日历示例(CalendarView01_18)
前端·javascript·vue.js·ecmascript·deepseek
江城开朗的豌豆1 小时前
JavaScript篇:反柯里化:让函数'反悔'自己的特异功能,回归普通生活!
前端·javascript·面试
江城开朗的豌豆1 小时前
JavaScript篇:数字千分位格式化:从入门到花式炫技
前端·javascript·面试
十年砍柴---小火苗1 小时前
原生js操作元素类名(classList,classList.add...)
javascript·css·css3
张风捷特烈1 小时前
每日一题 Flutter#4 | 说说组件 build 函数的作用
android·flutter·面试
JohnYan8 小时前
Bun技术评估 - 04 HTTP Client
javascript·后端·bun