flutter刷新一个状态,来刷新控件的状态

2024-08-31 09:28
文章标签 刷新 状态 控件 flutter

本文主要是介绍flutter刷新一个状态,来刷新控件的状态,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1,flutter定义一个状态值,应该放在哪里合适?

          1.1, flutter widget的结构

//无状态的,固定widget
class CustomPositionedWidget extends StatelessWidget {const CustomPositionedWidget({super.key,});@overrideWidget build(BuildContext context) {return Container();}
}//有状态的widget
class CustomPositionedWidget extends StatefulWidget {//状态属性写在这里???const CustomPositionedWidget({super.key,});@override_CustomPositionedWidgetState createState() => _CustomPositionedWidgetState();
}class _CustomPositionedWidgetState extends State<CustomPositionedWidget> {//状态属性写在这里???@overridevoid initState() {super.initState();}@overrideWidget build(BuildContext context) {return Container();}
}

状态属性写在哪里合适?

enum AnswerState { unanswered, correct, incorrect }class CustomPositionedWidget extends StatefulWidget {//这里只是传递了初始值final bool initialNeedShowState;final AnswerState initialAnswerState;const CustomPositionedWidget({required this.initialNeedShowState,required this.initialAnswerState,});@override_CustomPositionedWidgetState createState() => _CustomPositionedWidgetState();
}class _CustomPositionedWidgetState extends State<CustomPositionedWidget> {//还是写在这里好,其实在这里也设置了初始值(默认值)bool _needShowState = false;AnswerState _answerState = AnswerState.unanswered;@overridevoid initState() {super.initState();//设置 构造函数传递过来的初始值_needShowState = widget.initialNeedShowState;_answerState = widget.initialAnswerState;}void updateState(bool needShowState, AnswerState answerState) {setState(() {//如果这两个值有改变,会重新绘制widget_needShowState = needShowState;_answerState = answerState;});}String getStr() {if (_answerState == AnswerState.correct) {return 'correct_image';} else if (_answerState == AnswerState.incorrect) {return 'incorrect_image';} else {return 'default_image';}}@overrideWidget build(BuildContext context) {return Positioned(right: 22.w,top: 0,bottom: 0,child: Align(alignment: Alignment.center,child: _needShowState && (_answerState != AnswerState.unanswered)? Image.asset(width: 36.w,height: 36.h,'assets/images/${getStr()}.png',fit: BoxFit.cover,): Container(),),);}
}

这篇关于flutter刷新一个状态,来刷新控件的状态的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1123511

相关文章

Flutter打包APK的几种方式小结

《Flutter打包APK的几种方式小结》Flutter打包不同于RN,Flutter可以在AndroidStudio里编写Flutter代码并最终打包为APK,本篇主要阐述涉及到的几种打包方式,通... 目录前言1. android原生打包APK方式2. Flutter通过原生工程打包方式3. Futte

Flutter监听当前页面可见与隐藏状态的代码详解

《Flutter监听当前页面可见与隐藏状态的代码详解》文章介绍了如何在Flutter中使用路由观察者来监听应用进入前台或后台状态以及页面的显示和隐藏,并通过代码示例讲解的非常详细,需要的朋友可以参考下... flutter 可以监听 app 进入前台还是后台状态,也可以监听当http://www.cppcn

MySQL 中的服务器配置和状态详解(MySQL Server Configuration and Status)

《MySQL中的服务器配置和状态详解(MySQLServerConfigurationandStatus)》MySQL服务器配置和状态设置包括服务器选项、系统变量和状态变量三个方面,可以通过... 目录mysql 之服务器配置和状态1 MySQL 架构和性能优化1.1 服务器配置和状态1.1.1 服务器选项

linux进程D状态的解决思路分享

《linux进程D状态的解决思路分享》在Linux系统中,进程在内核模式下等待I/O完成时会进入不间断睡眠状态(D状态),这种状态下,进程无法通过普通方式被杀死,本文通过实验模拟了这种状态,并分析了如... 目录1. 问题描述2. 问题分析3. 实验模拟3.1 使用losetup创建一个卷作为pv的磁盘3.

Java实现状态模式的示例代码

《Java实现状态模式的示例代码》状态模式是一种行为型设计模式,允许对象根据其内部状态改变行为,本文主要介绍了Java实现状态模式的示例代码,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来... 目录一、简介1、定义2、状态模式的结构二、Java实现案例1、电灯开关状态案例2、番茄工作法状态案例

通过prometheus监控Tomcat运行状态的操作流程

《通过prometheus监控Tomcat运行状态的操作流程》文章介绍了如何安装和配置Tomcat,并使用Prometheus和TomcatExporter来监控Tomcat的运行状态,文章详细讲解了... 目录Tomcat安装配置以及prometheus监控Tomcat一. 安装并配置tomcat1、安装

Linux之进程状态&&进程优先级详解

《Linux之进程状态&&进程优先级详解》文章介绍了操作系统中进程的状态,包括运行状态、阻塞状态和挂起状态,并详细解释了Linux下进程的具体状态及其管理,此外,文章还讨论了进程的优先级、查看和修改进... 目录一、操作系统的进程状态1.1运行状态1.2阻塞状态1.3挂起二、linux下具体的状态三、进程的

四种Flutter子页面向父组件传递数据的方法介绍

《四种Flutter子页面向父组件传递数据的方法介绍》在Flutter中,如果父组件需要调用子组件的方法,可以通过常用的四种方式实现,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录方法 1:使用 GlobalKey 和 State 调用子组件方法方法 2:通过回调函数(Callb

C#实现WinForm控件焦点的获取与失去

《C#实现WinForm控件焦点的获取与失去》在一个数据输入表单中,当用户从一个文本框切换到另一个文本框时,需要准确地判断焦点的转移,以便进行数据验证、提示信息显示等操作,本文将探讨Winform控件... 目录前言获取焦点改变TabIndex属性值调用Focus方法失去焦点总结最后前言在一个数据输入表单

鸿蒙开发搭建flutter适配的开发环境

《鸿蒙开发搭建flutter适配的开发环境》文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutterdoctor检测环境、创建项目、编译HAP包以及在真机上运... 目录环境搭建创建运行项目打包项目总结环境搭建1.安装 DevEco Studio NEXT IDE