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,
);
相关推荐
Kiri霧19 分钟前
Kotlin比较接口
android·java·前端·微信·kotlin
LinXunFeng20 分钟前
Flutter - 聊天面板库动画生硬?这次让你丝滑个够
前端·flutter·github
Kiri霧40 分钟前
Kotlin抽象类
android·前端·javascript·kotlin
ai小鬼头1 小时前
创业小公司如何低预算打造网站?熊哥的实用建站指南
前端·后端
阿星做前端1 小时前
聊聊前端请求拦截那些事
前端·javascript·面试
阿凤211 小时前
在UniApp中防止页面上下拖动的方法
前端·uni-app
拾光拾趣录2 小时前
DocumentFragment:高性能DOM操作
前端·dom
归于尽2 小时前
从JS到TS:我们放弃了自由,却赢得了整个世界
前端·typescript
palpitation972 小时前
Fitten Code使用体验
前端
byteroycai2 小时前
用 Tauri + FFmpeg + Whisper.cpp 从零打造本地字幕生成器
前端