Flutter有状态组件怎么使用

今天小编给大家分享一下Flutter有状态组件怎么使用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

有状态组件

flutter 主要有分有状态组件 StatefulWidget 和无状态组件 StatelessWidget，前面我们使用到的都是无状态组件，没有让页面上的内容发生变化，当我们有需要对页面的内容进行动态修改的时候 ，如果我们使用无状态组件，页面上的内容就不会被更新，这时需要用到有状态组件。
有状态组件就是继承了StatefulWidget的组件，内容更改时调用
setState(() { 更改的内容});

// ignore_for_file: prefer_const_constructors, prefer_collection_literals, deprecated_member_use, unused_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 {  int count = 0;  @override  Widget build(BuildContext context) {    return Center(      child: Column(      children: [        Chip(          label: Text("$count"),        ),        ElevatedButton(            onPressed: () {              setState(() {                count++;              });            },            child: Text("点击加一"))      ],    ),    );  }}

以上就是"Flutter有状态组件怎么使用"这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注行业资讯频道。