Compose中的重组、state、remember

文章目录

  • 一、前言
  • 二、示例代码
  • 三、参考链接:

一、前言

在Compose中UI采用State状态来控制UI变化,根据状态的不同来显示不同的内容,每次UI的重新变化成为重组。通过remember可以将state的数据保存起来(或者实例对象,毕竟条件不改变的话默认只会执行一次remember中的函数,哪怕重组无数次),避免在重组期间进行重置。下面记录下三者的关联。
其中个人感觉state和remember不是必须的,如果能主动触发组件重组获取新数据,那么完全可以不使用state去存储数据。如果把变量存储在一个公共空间,在组件重组期间不会重新生成实例对象,那么也可以不使用remember来进行保存对象(虽然事实上remember最终也是定义了一个kotlin文件级别的变量来进行存储数据)。虽然如此,但是能用state和remember的话还是使用的好,因为实际开发中UI页面很复杂,自己精细去控制某一个组件的重组的话会很麻烦。

二、示例代码

如下是一个简单的Compose代码,用来显示文本

@Composable
fun TestWidget(){Column {Text(text = "这是一个文本")}
}

然后增加一个按钮来改变文本

var count = 0
@Composable
fun TestWidget(){Column {Button(onClick = { count += 1 }) {Text(text = "点我")}Text(text = "这是一个文本:${count}")}
}

运行后会发现点击按钮没有效果,这是因为在Compose中没有对数据进行直接观察,是通过State来承载数据然后,监听State的变化来变化UI的。如果想要改变需要修改为以下代码

private val count = mutableIntStateOf(0)
@Composable
fun TestWidget(){Column {Button(onClick = { count.intValue += 1 }) {Text(text = "点我")}Text(text = "这是一个文本:${count.intValue}")}
}

将变量count定义在函数内部然后重新运行会发现数据UI还是没有变化

@Composable
fun TestWidget(){val count = mutableIntStateOf(0)Log.e("YM--->","--->Test重组")Column {Button(onClick = { count.intValue += 1 }) {Text(text = "点我")}Text(text = "这是一个文本:${count.intValue}")}
}

这里通过日志可以发现每次点击按钮,函数都会重新执行,这样就导致了count每次都会重新初始化变量,所以需要用一个方式将内容进行保存,比如官方提供的remember或者其余方式

@Composable
fun TestWidget(){val count = remember {Log.e("YM--->","--->remember")mutableIntStateOf(0)   }Log.e("YM--->","--->Test重组")Column {Button(onClick = { count.intValue += 1 }) {Text(text = "点我")}Text(text = "这是一个文本:${count.intValue}")}
}

执行代码会发现remember{}函数中代码仅仅执行了一次,这样就保证了State的变量为同一个实例(将State放在别的地方只要能保证同一个变量也是可以的)。如果想根据情况去刷新这个实例对象可以根据情况设置key值

 val count = remember(key1 = "A") {Log.e("YM--->","--->remember")mutableIntStateOf(0)}

注意: State的变量如果在Compose重组范围内定义,最好用remember去存储,因为这样的话可以避免不知道哪里的重组就导致了数据的重新初始化。

三、参考链接:

  1. 了解 Compose 的重组作用域
  2. Compose 编程思想
  3. 构建 Compose 界面
  4. 状态和 Jetpack Compose
  5. Jetpack Compose 中的高级状态和附带效应

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

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

相关文章

《Pandas 简易速速上手小册》第8章:Pandas 高级数据分析技巧(2024 最新版)

文章目录 8.1 使用 apply 和 map 函数8.1.1 基础知识8.1.2 重点案例:客户数据清洗和转换8.1.3 拓展案例一:产品评分调整8.1.4 拓展案例二:地址格式化 8.2 性能优化技巧8.2.1 基础知识8.2.2 重点案例:大型销售数据分析8.2.3 拓展案…

BUUCTF-Real-[Flask]SSTI

目录 漏洞描述 模板注入漏洞如何产生? 漏洞检测 漏洞利用 get flag ​编辑 漏洞描述 Flask框架(jinja2)服务端模板注入漏洞分析(SSTI) Flask 是一个 web 框架。也就是说 Flask 为您提供工具、库和技术来允许您构…

JAVA面试题之三分布式和微服务的区别是什么?

面试题之三 分布式和微服务的区别是什么? 难度指数:3星 考察频率:50% 开发年限:3年左右 二者是隶属于不同的概念。 一.概念 微服务是系统架构的设计方式,是将复杂的业务拆分成多个微型的服务,让这些服务可以单独部署和运行。服务与服务之间可以使用RPC、OpenFeign…

基于PSO-BP神经网络的风电功率MATLAB预测程序

微❤关注“电气仔推送”获得资料(专享优惠) 参考文献 基于风电场运行特性的风电功率预测及应用分析——倪巡天 资源简介 由于自然风具有一定的随机性、不确定性与波动性,这将会使风电场的功率预测受到一定程度的影响,它们之间…

骨传导耳机的工作原理是什么?跟一般的耳机相比有什么特点?

骨传导耳机是利用骨传导技术研发而成一种新型蓝牙耳机,其传声方式很独特,不通过空气传导,而是通过人体骨骼来传递声音。 和传统的耳机相比,在佩戴方式和传声方式上都有所不同。 1、佩戴方式不同 首先就是佩戴方式不同&#xff0…

Java实现学生信息管理系统:从Excel中提取数据的实用方法

在Java中实现学生信息管理系统并从Excel中读取数据,通常适用于以下场景: 数据迁移和集成:如果你有一个现存的学生信息管理系统,该系统可能使用数据库或其他存储方式,但你想将这些数据迁移到新的系统。Excel文件可能提…

自动化测试框架:DrissionPage

自动化测试框架:DrissionPage 如果只要控制浏览器,导入ChromiumPage:如果只要收发数据包,导入SessionPage:WebPage是功能最全面的页面类,既可控制浏览器,也可收发数据包。常用1、定位元素2、爬取…

Spring Boot--08--Mybatis 之Mapper在IDEA中自动注入警告的解决方案

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 问题原因 解决方案方法1:为 Autowired 注解设置required false方法2:用 Resource 替换 Autowired方法3:在Mapper接口上加上Repo…

EXCEL VBA调用百度api识别身份证

EXCEL VBA调用百度api识别身份证 Sub BC_识别身份证()Dim SHD, SHX As WorksheetDim AppKey, SecretKey, Token, PathY As StringDim jSon, JSonA, WithHttp As ObjectDim Pic, oDom, oW, jsCode, paramsDim ARX, BRX, DRX, ERX, ZADDim StrText, StrUrl As StringDim StrA, S…

振动传感器接头MIL-C-5015玻璃烧结插座

振动传感器接头MIL-C-5015玻璃烧结插座产品主要用于加速度传感器,倾角传感器,耐高低温,耐腐蚀,适合使用恶劣环境。适用品牌有:MEGGITT,VibraSens,CTC measurement,BENTLY(本特利)等众多品牌可定…

【代码随想录-链表】环形链表 II

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学习,不断总结,共同进步,活到老学到老导航 檀越剑指大厂系列:全面总结 jav…

C++ 入门(五)— 头文件(Header files)

文章目录 头文件的用途使用标准库头文件使用头文件传播前向声明避免将函数或变量定义放在头文件中尖括号与双引号VSCode中添加来自其他目录的头文件 头文件保护标头保护不会阻止标头包含在不同的代码文件中pragma once总结 头文件的用途 C 代码文件(扩展名为 .cpp&…

基于Java SSM框架实现教师管理系统项目【项目源码】

基于java的SSM框架实现教师管理系统演示 JAVA简介 Java主要采用CORBA技术和安全模型,可以在互联网应用的数据保护。它还提供了对EJB(Enterprise JavaBeans)的全面支持,java servlet API,JSP(java server p…

网络空间测绘在安全领域的应用(下)

3.漏洞感知 漏洞感知能力在当今的网络安全领域是至关重要的,而其核心技术之一是漏洞验证技术。通过对漏洞信息与产品版本的关联,系统能够更准确地感知漏洞,但仅仅依靠这种数据关联会引发一系列问题。 首先,漏洞是程序中存在的隐…

chatchat部署在ubuntu上的坑

1. 安装前要开代理,注意要下载很多东西,流量大 https://gitee.com/zhaodezan/chatchat 2. 不必要的步骤 下载模型需要先安装 Git LFS ,然后运行 $ git lfs install $ git clone https://huggingface.co/THUDM/chatglm3-6b $ git clone https://huggingface.co/B…

YOLOv5改进:下采样系列 |一种新颖的基于 Haar 小波的下采样HWD,有效涨点系列

💡💡💡本文独家改进:HWD的核心思想是应用Haar小波变换来降低特征图的空间分辨率,同时保留尽可能多的信息,与传统的下采样方法相比,有效降低信息不确定性。 💡💡💡使用方法:代替原始网络的conv,下采样过程中尽可能包括更多信息,从而提升检测精度。 收录 YO…

Java-File类

目录 前言: 1.File类概述 2.File类属性 3.File类构造方法 4.File类普通方法 前言: 在Java中操作文件主要分为:1.文件系统的操作(File类)、2.文件内容的操作(流对象)。 本节主要介绍Java中的…

数据加密算法多样化的安全需求

数据加密算法是信息安全领域中非常重要的一环,它能够确保数据在传输和存储过程中的机密性和完整性。随着技术的发展,数据加密算法也在不断地演进和改进,以满足更为复杂和多样化的安全需求。 数据加密算法的基本原理是使用加密密钥和加密算法对…

MAC word删除空白页

问题:MAC word删除空白页 解决: option删除键

【计算机网络】Socket的SO_REUSEADDR选项与TIME_WAIT

SO_REUSEADDR用于设置套接字的地址重用。当一个套接字关闭后,它的端口可能会在一段时间内处于TIME_WAIT状态,此时无法立即再次绑定相同的地址和端口。使用SO_REUSEADDR选项可以允许新的套接字立即绑定到相同的地址和端口,即使之前的套接字仍处…