Flutter有狀態(tài)組件怎么使用

今天小編給大家分享一下Flutter有狀態(tài)組件怎么使用的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

有狀態(tài)組件

flutter 主要有分有狀態(tài)組件 StatefulWidget 和無狀態(tài)組件 StatelessWidget，前面我們使用到的都是無狀態(tài)組件，沒有讓頁面上的內(nèi)容發(fā)生變化，當(dāng)我們有需要對(duì)頁面的內(nèi)容進(jìn)行動(dòng)態(tài)修改的時(shí)候 ，如果我們使用無狀態(tài)組件，頁面上的內(nèi)容就不會(huì)被更新，這時(shí)需要用到有狀態(tài)組件。
有狀態(tài)組件就是繼承了StatefulWidget的組件，內(nèi)容更改時(shí)調(diào)用
setState(() { 更改的內(nèi)容});

// ignore_for_file: prefer_const_constructors, prefer_collection_literals, deprecated_member_use, unused_local_variable, must_be_immutable, prefer_const_literals_to_create_immutables

import '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,
      ),
    );
  }
}
//有狀態(tài)自定義組件有兩個(gè)類，我們需要返回的寫在第二個(gè)類中
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(
            onPressed: () {
              setState(() {
                count++;
              });
            },
            child: Text("點(diǎn)擊加一"))
      ],
    ),
    );
  }
}

以上就是“Flutter有狀態(tài)組件怎么使用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。