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}'))),
    );
  }
}
相关推荐
ujainu15 小时前
Flutter + OpenHarmony 游戏开发进阶:用户输入响应——GestureDetector 实现点击发射
flutter·游戏·openharmony
Daniel李华16 小时前
echarts使用案例
android·javascript·echarts
北原_春希16 小时前
如何在Vue3项目中引入并使用Echarts图表
前端·javascript·echarts
JY-HPS16 小时前
echarts天气折线图
javascript·vue.js·echarts
尽意啊16 小时前
echarts树图动态添加子节点
前端·javascript·echarts
吃面必吃蒜16 小时前
echarts 极坐标柱状图 如何定义柱子颜色
前端·javascript·echarts
O_oStayPositive16 小时前
Vue3使用ECharts
前端·javascript·echarts
竹秋…16 小时前
echarts自定义tooltip中的内容
前端·javascript·echarts
宝贝露.16 小时前
Axure引入Echarts图无法正常显示问题
前端·javascript·echarts
hudawei99616 小时前
TweenAnimationBuilder和AnimatedBuilder两种动画的比较
flutter·ui·动画·tweenanimation·animatedbuilder