Android和IOS应用开发-Flutter 应用中实现记录和使用全局状态的几种方法

在这里插入图片描述

文章目录

  • 在Flutter中记录和使用全局状态
  • 使用 Provider
    • 步骤1
    • 步骤2
    • 步骤3
  • 使用 BLoC
    • 步骤1
    • 步骤2
    • 步骤3
  • 使用 GetX:
    • 步骤1
    • 步骤2
    • 步骤3

在Flutter中记录和使用全局状态

在 Flutter 应用中,您可以使用以下几种方法来实现记录和使用全局状态,并在整个应用程序中各个页面中使用:

使用 Provider

Provider 是 Flutter 中流行的状态管理库,它可以方便地在多个页面之间共享数据。

步骤1

创建一个类来表示您的全局状态,例如:

class AppState {
  int counter = 0;

  void incrementCounter() {
    counter++;
  }
}

步骤2

在应用程序的根目录中,使用 Provider 创建一个全局状态实例:

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (_) => AppState(),
      child: MyApp(),
    ),
  );
}

步骤3

在任何页面中,使用 Provider.of 来获取全局状态实例并使用它:

class MyHomePage extends StatelessWidget {
  
  Widget build(BuildContext context) {
    final appState = Provider.of<AppState>(context);

    return Scaffold(
      appBar: AppBar(
        title: Text('MyApp'),
      ),
      body: Center(
        child: Column(
          children: [
            Text('${appState.counter}'),
            ElevatedButton(
              onPressed: () {
                appState.incrementCounter();
              },
              child: Text('Increment'),
            ),
          ],
        ),
      ),
    );
  }
}

使用 BLoC

BLoC 代表 Business Logic Component,是一种用于分离业务逻辑和 UI 的设计模式。

步骤1

创建一个 BLoC 类来管理您的全局状态,例如:

class AppBloc {
  final _counterController = StreamController<int>();

  Stream<int> get counterStream => _counterController.stream;

  void incrementCounter() {
    _counterController.sink.add(_counterController.value + 1);
  }
}

步骤2

在应用程序的根目录中,创建 BLoC 实例并将其作为依赖项注入到其他页面:

void main() {
  final appBloc = AppBloc();

  runApp(
    MyApp(
      appBloc: appBloc,
    ),
  );
}

步骤3

在任何页面中,使用 BLoC 实例来获取和更新全局状态:

class MyHomePage extends StatelessWidget {
  final AppBloc appBloc;

  MyHomePage({required this.appBloc});

  
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('MyApp'),
      ),
      body: Center(
        child: Column(
          children: [
            StreamBuilder<int>(
              stream: appBloc.counterStream,
              builder: (context, snapshot) {
                return Text('${snapshot.data}');
              },
            ),
            ElevatedButton(
              onPressed: () {
                appBloc.incrementCounter();
              },
              child: Text('Increment'),
            ),
          ],
        ),
      ),
    );
  }
}

使用 GetX:

GetX 是另一个流行的状态管理库,它提供了一种简单的方式来管理全局状态和路由。

步骤1

创建一个类来表示您的全局状态,例如:

class AppState {
  int counter = 0;

  void incrementCounter() {
    counter++;
  }
}

步骤2

在应用程序的根目录中,使用 GetMaterialApp 创建一个应用程序并将其作为依赖项注入到其他页面:

void main() {
  runApp(
    GetMaterialApp(
      home: MyHomePage(),
      binding: BindingsBuilder(() {
        Get.put(AppState());
      }),
    ),
  );
}

步骤3

在任何页面中,使用 Get.find 来获取全局状态实例并使用它:

class MyHomePage extends StatelessWidget {
  
  Widget build(BuildContext context) {
    final appState = Get.find<AppState>();

    return Scaffold(
      appBar: AppBar(
        title: Text('MyApp'),
      ),
      body: Center(
        child: Column(
          children: [
            Text('${appState.counter}'),
            ElevatedButton(
              onPressed: () {
                appState.incrementCounter();
              },
              child: Text('Increment'),

结束语
Flutter是一个由Google开发的开源UI工具包,它可以让您在不同平台上创建高质量、美观的应用程序,而无需编写大量平台特定的代码。我将学习和深入研究Flutter的方方面面。从基础知识到高级技巧,从UI设计到性能优化,欢饮关注一起讨论学习,共同进入Flutter的精彩世界!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/458811.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

java中的String

&#xff08;1&#xff09;创建字符串对象 //方式1 String str "abc"; //方式2 String str new String("abc"); 方式1表示&#xff1a;在字符串常量池&#xff08;String Pool&#xff09;中先寻找值为 “abc” 的内存地址&#xff0c;如果找不到&…

AI程序员Devin会在6个方面影响人类程序员

讲动人的故事&#xff0c;写懂人的代码 初创公司Cognition最近所发布的世界上首个AI程序员Devin&#xff0c;让人类程序员百感交集。因为Devin能自动干下面的事情&#xff1a; 自己学习不熟悉的技术&#xff1b; 端到端地自己搭建和部署应用程序&#xff1b; 自己找出并修复…

【数据结构】单向链表的创建及4种应用

目录 前言 自定义“单向”链表类 1. 自定义一个链表类&#xff0c;并完成“初始化链表”、“添加元素&#xff08;头插法/尾插法&#xff09;”、“计算链表长度”操作&#xff1b; 自定义链表 向链表中插入元素&#xff08;头插法&#xff09; 向链表中插入元素&#xf…

D-阿洛酮糖-DAEase酶固定化载体及混合糖液分离

#D-阿洛酮糖-DAEase酶固定化载体及混合糖液分离 ​阿洛酮糖为白色固体晶体&#xff0c;无气味&#xff0c;具有较大的溶解度&#xff0c;柔和的口感&#xff0c;其具有传统甜味剂蔗糖70%的甜度&#xff0c;却几乎不提供任何热量。其与食物中的蛋白质&#xff0c;如鸡蛋蛋白发生…

使用SpaceDesk实现iPad成为电脑拓展屏(保姆级教程)

使用SpaceDesk实现iPad成为电脑拓展屏 SpaceDesk是一个开源的软件, 所以说对学生和平民用户非常的友好, 连接后的画质也非常不错, 而且具有无线和有线两种连接方式. 接下来就开始教程: 1. 安装SpaceDesk电脑版 首先我们要下载SpaceDesk电脑版安装好: SpaceDesk官网 注意: …

Unity PS5开发 天坑篇 之 DEVKit环境部署与系统升级02

上一篇各位大神们已经收到了SONY官方免费寄送的PS5开发机与测试机&#xff0c;恭喜大家成为SONY的开发者, 本篇继续PS5开发机的部署与开发套件使用。 一, PC安装PS5 SDK与系统升级 1. PC/PS5 SDK Manager下载安装包 登录开发者账号后&#xff0c;Development->Resources&a…

深入浅出:Python中的JSON操作和最佳实践

深入浅出&#xff1a;Python中的JSON操作和最佳实践 引言Python中处理JSON的基础读取JSON数据示例&#xff1a; 将Python对象转换为JSON格式示例&#xff1a; 进阶使用技巧高级参数的使用示例&#xff1a; 处理复杂对象&#xff1a;自定义编码器示例&#xff1a; 解析复杂JSON数…

C语言——动态内存分配

前言&#xff1a;通过前面的学习&#xff0c;我们知道C语言中在内存中开辟空间的方法有&#xff1a;变量和数组。既然拥有了开辟空间的方法&#xff0c;我们为什么还要学习动态内存分配呢&#xff1f; int val 20; //在内存中开辟四个字节的空间 int arr[10] { 0 }; //在内…

vue3速查笔记

文章目录 一、创建Vue3.0工程1.使用 vue-cli 创建2.使用 vite 创建 二、常用 Composition API1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2.x的响应式Vue3.0的响应式 5.reactive对比ref6.setup的两个注意点7.计算属性与监视1.computed函数2.watch函数3…

加入波卡去中心化未来计划,申请高达 2000 万美金和 500 万 DOT 激励!

在努力推进去中心化的旅途中&#xff0c;2023 年 11 月 16 日成为了一个标志性的日子。Web3 基金会 —— 一个在区块链技术和去中心化应用发展前沿不断探索和推动的组织&#xff0c;正式宣布推出去中心化未来&#xff08;Decentralized Futures&#xff09;计划&#xff0c;同时…

凝思操作系统离线安装mysql和node

PS&#xff1a;下面这就是国产凝思的界面,测试版本是V6.0.80&#xff0c;第一次听说这种系统&#xff0c;于是去官网下载部署包&#xff0c;下面是地址 注意:这个系统如果没有激活&#xff0c;ip都不会有&#xff0c;这样文件都不能传到服务器&#xff0c;xshell这些工具都连不…

redis的RDB和AOF持久化配置

RDB 持久化相关配置 Redis内部的触发RDB的机制&#xff0c;格式如下&#xff1a; # 900秒内&#xff0c;如果至少有1个key被修改&#xff0c;则执行bgsave &#xff0c; 如果是save "" 则表示禁用RDB save 900 1 save 300 10 save 60 10000 RDB的其它配置也可以…

“数据要素市场行业数智化实践系列沙龙”活动预告

在数据要素大背景下&#xff0c;随着最新的政策发布&#xff0c;有哪些行业红利和机会&#xff1f;目前行业数据应用现状如何&#xff1f;上海数商协会联合蚂蚁集团、上海数据交易所&#xff0c;打造了行业数智化实践课程&#xff0c;面向数商协会成员及数据要素从业人员&#…

景联文科技:提供通用多模态数据,助力AI多模态领域实现飞跃式发展

回顾2023年&#xff0c;以ChatGPT为代表的通用人工智能大模型在全球范围内掀起了新一轮人工智能产业发展浪潮&#xff0c;我国人工智能大模型市场呈现百“模”争鸣、日新月异的迅猛发展态势。 根据大模型之家、钛媒体数据&#xff0c;2023年中国大模型市场规模达到147亿人民币&…

Matlab|计及需求响应和电能交互的多主体综合能源系统主从博弈优化调度策略

目录 主要内容 部分代码 结果一览 下载链接 主要内容 程序建立了多主体综合能源模型&#xff0c;采用双层模型进行求解&#xff0c;上层用自适应粒子群算法求解出各能源售价和需求响应补偿价格&#xff1b;下层采用混合整数规划算法求解出三个园区、配电网、储能…

用连续自然数之和来表达整数 - 华为OD统一考试(C卷)

OD统一考试&#xff08;C卷&#xff09; 分值&#xff1a; 100分 题解&#xff1a; Java / Python / C 题目描述 一个整数可以由连续的自然数之和来表示。给定一个整数&#xff0c;计算该整数有几种连续自然数之和的表达式&#xff0c;且打印出每种表达式。 输入描述 一个目…

[云原生] Prometheus之部署 Alertmanager 发送告警

一、Alertmanager 发送告警的介绍 Prometheus 对指标的收集、存储与告警能力分属于 Prometheus Server 和 AlertManager 两个独立的组件&#xff0c;前者仅负责定义告警规则生成告警通知&#xff0c; 具体的告警操作则由后者完成。 Alertmanager 负责处理由 Prometheus Serve…

怎么采集美团的数据

怎么使用简数采集器批量采集美团的活动、商家和商品相关信息呢&#xff1f; 简数采集器暂时不支持采集美团的相关数据&#xff0c;建议换其他网站采集&#xff0c;谢谢。 简数采集器采集网站文章数据特别高效方便&#xff0c;在简数智能向导模式下&#xff0c;只要填写要采集…

普林斯顿算法讲义(一)

原文&#xff1a;普林斯顿大学算法课程 译者&#xff1a;飞龙 协议&#xff1a;CC BY-NC-SA 4.0 1. 基础知识 原文&#xff1a;algs4.cs.princeton.edu/10fundamentals 译者&#xff1a;飞龙 协议&#xff1a;CC BY-NC-SA 4.0 概述。 本书的目标是研究各种重要和有用的算法——…

FastGPT知识库结构讲解

文章目录 FastGPT知识库结构讲解理解向量FastGPT 中向量的结构设计多向量的目的和使用方式提高向量搜索精度的方法 FastGPT 构建知识库方案导入数据方案1 - 直接分段导入导入数据方案2 - QA导入导入数据方案3 - 手动录入导入数据方案4 - CSV录入导入数据方案5 - API导入 QA的组…