Flutter基础(前端教程①③-单例)

现实类比:公司打印机

假设你们公司有一台共享打印机:

  1. 非单例(重复创建)

    • 每个员工都自己买一台打印机放在工位上
    • 结果:浪费钱,占空间,难维护
  2. 单例(唯一实例)

    • 全公司只买一台打印机,放在公共区域
    • 所有人都用这台打印机
    • 结果:省钱,省空间,统一管理

代码中的单例

在 Flutter 中,如果不使用单例,每次调用 new Calculator() 都会创建一个新的计算器:

Dart 复制代码
// 非单例:创建多个计算器实例
final calc1 = new Calculator();
final calc2 = new Calculator();

print(calc1 == calc2); // false,两个不同的实例

而使用 Get.put() 注册的对象默认是单例,无论获取多少次都是同一个实例:

Dart 复制代码
// 单例:只创建一个计算器实例
Get.put(Calculator());

final calc1 = Get.find<Calculator>();
final calc2 = Get.find<Calculator>();

print(calc1 == calc2); // true,同一个实例

为什么需要单例?

  1. 节省资源

    比如网络请求控制器、数据库连接、配置信息等,创建多个实例会浪费内存。

  2. 数据一致性

    所有地方都使用同一个实例,保证数据状态统一。

    (比如用户登录状态、购物车数据)

  3. 避免冲突

    某些类只能有一个实例(如打印机、文件系统),否则会引发冲突。

1. Get.put()

功能 :把一个对象「注册」到 GetX 的全局容器中,让它在整个应用里都能被访问。
类比 :把工具放进「公共工具箱」,其他人随时可以取。
特点:默认创建单例(全局唯一实例)。

Dart 复制代码
// 创建并注册一个控制器(放入工具箱)
Get.put(PostController());

// 在其他地方获取已注册的控制器
final controller = Get.find<PostController>();

2. Get.find()

功能 :从 GetX 的全局容器中「获取」已注册的对象。
类比 :从「公共工具箱」里取出需要的工具。
注意 :必须先 Get.put() 注册,才能 Get.find() 获取。

Dart 复制代码
// 获取已注册的控制器(从工具箱取工具)
final controller = Get.find<PostController>();

// 使用控制器的方法
controller.fetchPosts();

3. Get.snackbar()

功能 :显示一个顶部或底部的消息提示(类似 Toast 或 Snackbar)。
类比 :在屏幕上弹一个「临时通知」。
特点:支持自定义样式、持续时间、点击事件等。

Dart 复制代码
// 显示一个简单的消息提示
Get.snackbar(
  '标题',          // 标题
  '这是消息内容',  // 内容
  duration: Duration(seconds: 3),  // 显示3秒
  snackPosition: SnackPosition.BOTTOM,  // 显示在底部
);

完整示例

Dart 复制代码
// 1. 注册控制器(通常在页面初始化时)
Get.put(PostController());

// 2. 获取控制器并调用方法
final controller = Get.find<PostController>();
controller.fetchPosts();    //PostController是class fetchPosts是方法

// 3. 在合适的时机显示消息提示(如点击按钮后)
Get.snackbar(
  '加载完成',
  '已成功获取 ${controller.posts.length} 条数据',
  snackPosition: SnackPosition.TOP,
);
相关推荐
毛骗导演1 小时前
@tencent-weixin/openclaw-weixin 插件深度解析(四):API 协议与数据流设计
前端·架构
毛骗导演2 小时前
@tencent-weixin/openclaw-weixin 插件深度解析(二):消息处理系统架构
前端·架构
IT_陈寒2 小时前
深入理解JavaScript:核心原理与最佳实践
前端·人工智能·后端
MrGud2 小时前
Cesium中的坐标系及其转换
前端·cesium
小付学代码2 小时前
香港地图可编辑版
前端
兆子龙2 小时前
TypeScript高级类型编程:从入门到精通
前端·后端
SuperEugene2 小时前
Vue3 模板语法规范实战:v-if/v-for 不混用 + 表达式精简,避坑指南|Vue 组件与模板规范篇
开发语言·前端·javascript·vue.js·前端框架
IT_陈寒2 小时前
Python开发者的效率革命:这5个技巧让你的代码提速50%!
前端·人工智能·后端
Luna-player2 小时前
Vue 3 + Vue Router 的路由配置,简单示例
前端·javascript·vue.js
用户69371750013842 小时前
不卷AI速度,我卷自己的从容——北京程序员手记
android·前端·人工智能