首页 > 作文

Flutter有状态组件使用详解

更新时间:2023-04-04 15:26:28 阅读: 评论:0

有状态组件

flutter 主要有分有状态组件 statefulwidget 和无状态组件 statelessw武汉第三寄宿学校idget,前面我们使用到的都是无状态组件,没有让页面上的内容发生变化,当我们有需要对页面的内容进行动态修改的时候 ,如果我们使用无状态组件,页面上的内容就不会被更新,这时需要用到有状态组件。
有状态组件就是继承了statefulwidget的组件,内容更改时调用
tstate(() { 更改的内容});

// ignore_for_file: prefer_const_constructors, prefer_collection_literals, de平方法precated_member_u, unud_local_variable, must_be_immutable, prefer_const_literals_to_create_immutablesimport 'package:flutter/material.dart';void main() { runapp(myapp());}class myapp extends statelesswidget { const myapp({key? key}) : super(key: key); @override widget build(buildcontext context) {  return materialapp(   home: scaffold(    appbar: appbar(     title: const text('flutter demo'),    ),    body: const homecontent(),   ),   theme: themedata(    primaryswatch: colors.yellow,   ),  ); 考试什么的都去死吧}}//有状态自定义组件有两个类,我们需要返回的写在第二个类中class homecontent extends statefulwidget { const homecontent({key? key}) : super(key: key); @override _homecontentstate createstate() => _homecontentstate();}class _homecontentstate extends state<homecontent> { int count = 0; @override widget build(buildcontext context) {  return center(   child: column(   children: [    chip(     label: text("$count"),    ),    elevatedbutton(      员工规章制度范本onpresd: () {       tstatsubtotale(() {        count++;       });      },      child: text("点击加一"))   ],  ),  ); }}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持www.887551.com。

本文发布于:2023-04-04 15:26:26,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/a0aa8992fe905dc8ff769b7278213b58.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:Flutter有状态组件使用详解.doc

本文 PDF 下载地址:Flutter有状态组件使用详解.pdf

标签:组件   状态   内容   页面
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图