SwiftUI中EnvironmentObject的使用(多界面共享数据)

SwiftUI@EnvironmentObject是一个强大的工具,它允许你在多个视图之间共享数据(使用一个可观察对象)。当你有一个复杂的视图层次结构,并且需要在没有直接连接的视图之间共享相同的可观察对象时,它特别有用。

我们之前传递数据主要是通过init方法一层一层的传递,一层两层还行,要是再多了,代码很难维护,逻辑也比较复杂,这可能需要大量的工作,而且有的中间层根本用不到这个传递的数据。

使用EnvironmentObject允许将一个对象(一个可观察对象的实例)附加到父视图。父视图的任何后代(比如push出来的所有视图等)现在都可以访问该对象。

要使用环境对象,首先需要创建一个符合ObservableObject协议的ObservableObject类,这个类将保存我们希望在视图之间共享的数据。

class GameSettings: ObservableObject {@Published var score = 0
}

在主界面创建ObservableObject实例,并且设置要共享的数据。

struct EnvironmentObjectDemo: View {@StateObject var settings = GameSettings()var body: some View {NavigationView {VStack(spacing: 30) {Text("\(settings.score)").font(.title)Button("Increase Score") {settings.score += 1}NavigationLink {DetailView()} label: {Text("Show Detail View")}}.frame(height: 200)}.environmentObject(settings)}
}

该界面首先要创建一个ObservableObject实例:

@StateObject var settings = GameSettings()

然后在视图上添加.environmentObject修饰符,并传入要共享的数据:

.environmentObject(settings)

界面中点击“Increase Score”按钮修改score,点击“Show Detail View”按钮跳转到下一个DetailView界面。

struct DetailView: View {var body: some View {NavigationLink {ScoreView()} label: {Text("Show Score View").font(.title)}}
}

DetailView界面,没有用到score,而是点击"Show Score View"按钮继续跳转到下一个ScoreView界面,并在这个界面显示score

struct ScoreView: View {@EnvironmentObject var settings: GameSettingsvar body: some View {Text("Score: \(settings.score)")}
}

ScoreView界面中,通过@EnvironmentObject包装器访问共享数据:

@EnvironmentObject var settings: GameSettings

最终效果如下:
在这里插入图片描述
几点总结:

  1. 就像@StateObject@ObservedObject一样,与@EnvironmentObject一起使用的所有类都必须遵守ObservableObject协议。
  2. 我们将settings放入导航堆栈的环境中,这意味着导航堆栈中的所有视图都可以读取该对象,以及导航堆栈显示的任何视图。
  3. 当使用@EnvironmentObject属性包装器时,只要声明期望接收的对象的类型,而不是创建它,我们希望从环境中接收它。
  4. 因为显示的ScoreView在导航堆栈中,它访问相同的环境,这意味着它可以读取我们创建的GameSettings实例对象。
  5. 我们不需要显式地将环境中的GameSettings实例与ScoreView中的settings属性关联起来——SwiftUI会自动计算出它在环境中有一个GameSettings实例,并使用这个实例。即使创建时的变量名和使用的时候定义的变量名不同也没关系。

如果需要向环境中添加多个对象,则应该添加多个.environmentObject修饰符,一个一个的添加即可。

struct EnvironmentObjectDemo: View {@StateObject var gameSettings = GameSettings()@StateObject var videoSettings = VideoSettings()var body: some View {NavigationView {......}.environmentObject(gameSettings).environmentObject(videoSettings)}
}

另外如果创建了两个同类型的ObservableObject对象,并且依次添加到环境中去,那么最早添加的那个起作用,后添加的无效。
在这里插入图片描述
上面代码创建了2个GameSettings的实例对象,并通过.environmentObject修饰符向下传递。代码中改变了gameSettings2score值,但是最后到ScoreView界面还是显示的gameSettings1传递的score值。

最后,希望能够帮助到有需要的朋友,如果您觉得有帮助,还望点个赞,添加个关注,笔者也会不断地努力,写出更多更好用的文章。

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Nginx R31 doc-16-logging 配置日志

前言 大家好,我是老马。很高兴遇到你。 我们为 java 开发者实现了 java 版本的 nginx https://github.com/houbb/nginx4j 如果你想知道 servlet 如何处理的,可以参考我的另一个项目: 手写从零实现简易版 tomcat minicat 手写 nginx 系列 …

SOLIDWORKS正版一年多少钱 2024版报价

SOLIDWORKS软件作为一款优秀的三维设计工具,以其强大的功能和优质的设计工具,为设计师们提供了前所未有的便利。SOLIDWORKS三维设计软件是一款多科学集成软件,它在产品开发和制造方面发挥着重要作用。 作为整个SOLIDWORKS产品开发解决方案套件…

SQL使用函数给多个分表添加同一字段

数据库中分表时,往往需要向多个分表中添加同一个字段,可以定义一个函数,每次调用这个函数向多个份表中添加同意字段。 1、创建函数示例: 在PostgreSQL中创建一个简单的函数 以下是一个在PostgreSQL中创建函数的简单示例&#x…

kotlin基础之高阶函数

Kotlin中的高阶函数、内联函数以及noinline和crossinline关键字是函数式编程中的重要概念。下面我将逐一解释这些概念的定义、实现原理、使用场景以及noinline和crossinline关键字的具体用法。 高阶函数 定义:高阶函数是接受一个或多个函数作为参数,或…

android上用QT实现绘制曲线及双指放大缩小

Android上用QT绘制曲线有多个绘图库可用,比如QCustomPlot,Qwt,Qchart,但经过博主测试在Android上并不是每种库都能满足要求,本文会进行三者对比,并给出一个android上可以实现双指滑动和放大缩小的具体解决方案及代码示例。 一.三种QT绘图库介绍 1.QCustomPlot在windows系统…

如何修改 Kafka 消息保留时长:经验总结

如何修改 Kafka 消息保留时长:经验总结 引言 Apache Kafka 是一种高性能的分布式消息系统,用于处理实时数据流。在实际使用中,我们可能需要根据业务需求调整 Kafka 消息的保留时长。本文将介绍如何修改 Kafka 消息保留时长,并分…

SEO之核心关键词(二)

初创企业或者需要建站的朋友看以下两篇文章,谢谢支持: 我给不会敲代码又想搭建网站的人建议新手上云 (接上一篇。。。。) 4、查询搜索次数 经过自己及朋友、同事的头脑风暴和检查竞争对手网站之后,再到Google 关键词…

用天工AI写文章,节约了8个人的成本

关注卢松松,会经常给你分享一些我的经验和观点。 当下AI工具最大的问题是什么? 是写的文章没有灵魂、没有感情、像机器人! 生成的文章官话连篇,人们一眼就看出是AI写的,这种文章怎么能给客户交差呢?自己这关都过不去,是吧? …

快乐数-力扣

使用一个set来存储遇到的每个数,如果遇到的数在set中,那么说明这个数不是快乐数,否则一直循环下去,直到n 1结束循环,表示这个数是个快乐数。 需要注意的是,给定一个数 n, 怎样对这个数 n 进行每一位求和。…

33 mid 55. 跳跃游戏

贪心算法&#xff1a; class Solution {public boolean canJump(int[] nums) {int leftBorder 0;for (int i 0; i <nums.length; i) {if(i<leftBorder){leftBorderMath.max(leftBorder,inums[i]);}if(leftBorder>nums.length-1){return true;}}return false;} }

操作系统——用户态与内核态、同步与异步、阻塞与阻塞

文章目录 什么是用户态与内核态同步与异步、阻塞与非阻塞四种组合方式 什么是用户态与内核态 计算机系统中&#xff0c;通常 CPU 执行两种不同性质的程序代码&#xff1a;一种是操作系统内核程序&#xff08;管理程序&#xff09;&#xff1b;另一种是用户自编程序&#xff08…

欢乐钓鱼大师攻略大全,游戏自动辅助,钓鱼大全!

欢迎来到《欢乐钓鱼大师》的攻略大全&#xff01;本文将为你详细介绍游戏中的各类玩法、技巧和注意事项&#xff0c;帮助你快速掌握游戏精髓&#xff0c;成为一名真正的钓鱼大师。攻略内容包括新手鱼竿选择、锦标赛攻略、实用技巧、藏宝图玩法、箱子开法等多个方面。让我们一起…

生成式AI模型大PK——GPT-4、Claude 2.1和Claude 3.0 Opus

RAG(检索增强生成)系统的新评估似乎每天都在发布&#xff0c;其中许多都集中在有关框架的检索阶段。然而&#xff0c;生成方面——模型如何合成和表达这些检索到的信息&#xff0c;在实践中可能具有同等甚至更大的意义。许多实际应用中的案例证明&#xff0c;系统不仅仅要求从上…

Leecode热题100---二分查找---搜索插入位置

题目&#xff1a; 给定一个排序数组和一个目标值&#xff0c;在数组中找到目标值&#xff0c;并返回其索引。如果目标值不存在于数组中&#xff0c;返回它将会被按顺序插入的位置。 nums 为 无重复元素 的 升序 排列数组 常规思路&#xff1a; class Solution { public:int f…

管理node——NVM安装及使用

NVM安装及使用 前言正文下载安装及配置一、卸载原有的node版本&#xff08;很重要&#xff01;&#xff01;&#xff01;&#xff09;- 卸载node- 清除npm相关文件 二、安装nvm&#xff0c;添加镜像1.nvm自定义安装位置2.nodejs版本存放位置- 未解决&#xff0c;无限踩坑- 已解…

crossover玩游戏缺少文件怎么办 为什么游戏打开说缺失文件 crossover支持的游戏列表 CrossOver 提示 X 11 缺失怎么办?

CrossOver是一款类虚拟机软件&#xff0c;可以实现在Mac电脑上运行exe程序。不少Mac用户为了玩游戏&#xff0c;选择使用CrossOver这款软件玩Windows平台的游戏。 一、CrossOver支持的软件多吗 CrossOver是一款基于Wine的兼容工具&#xff0c;它可以让你在Mac或Linux上运行许多…

大数据开发面试题【Flink篇】

148、flink架构 flink是一个框架和分布式处理引擎&#xff0c;用于对无界和有界数据流进行有状态计算 特点&#xff1a; 高吞吐和低延迟&#xff1a;每秒数百万个事件&#xff0c;毫秒级延迟 结果的准确性&#xff1a;提供了事件时间和处理时间语义&#xff0c;提供结果的一致…

解读makefile中的.PHONY

在 Makefile 中&#xff0c;.PHONY 是一个特殊的目标&#xff0c;用于声明伪目标&#xff08;phony target&#xff09;。伪目标是指并不代表实际构建结果的目标&#xff0c;而是用来触发特定动作或命令的标识。通常情况下&#xff0c;.PHONY 会被用来声明一组需要执行的动作&a…

某有赞滑块验证码

⚠️前言⚠️ 本文仅用于学术交流。 学习探讨逆向知识&#xff0c;欢迎私信共享学习心得。 如有侵权&#xff0c;联系博主删除。 请勿商用&#xff0c;否则后果自负。 网址 aHR0cHM6Ly9wYXNzcG9ydC55b3V6YW4uY29tL2xvZ2luL3Bhc3N3b3Jk 1. 首先来分析一下参数 1_1. get-beh…

@ConfigurationProperties结合Nacos配置动态刷新之底层原理分析

Hello&#xff0c;我是大都督周瑜&#xff0c;本文给大家分析一下ConfigurationProperties结合Nacos配置动态刷新的底层原理&#xff0c;记得点赞、关注、分享哦&#xff01; 公众号&#xff1a;IT周瑜 应用背景 假如在Nacos中有Data ID为common.yml的配置项&#xff1a; m…