Flutter有狀態(tài)組件使用詳解
更新時間：2022年01月16日 16:12:48 作者：s－010101
這篇文章主要為大家詳細介紹了Flutter有狀態(tài)組件的使用，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
有狀態(tài)組件
flutter 主要有分有狀態(tài)組件 StatefulWidget 和無狀態(tài)組件 StatelessWidget，前面我們使用到的都是無狀態(tài)組件，沒有讓頁面上的內容發(fā)生變化，當我們有需要對頁面的內容進行動態(tài)修改的時候 ，如果我們使用無狀態(tài)組件，頁面上的內容就不會被更新，這時需要用到有狀態(tài)組件。
有狀態(tài)組件就是繼承了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_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)自定義組件有兩個類，我們需要返回的寫在第二個類中
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("點擊加一"))
? ? ? ],
? ? ),
? ? );
? }
}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Android自定義ActionBar的實現方法,以實例形式較為詳細的分析了自定義ActionBar的原理與具體步驟,并附帶完整實例代碼供大家下載查看,需要的朋友可以參考下2014-11-11
Android ListView與getView調用卡頓問題解決辦法
這篇文章主要介紹了Android ListView與getView調用卡頓問題解決辦法的相關資料,這里提供實例及解決辦法幫助大家解決這種問題，需要的朋友可以參考下2017-08-08
這系列文章主要介紹了微信小程序-閱讀小程序實例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，希望能給你們提供幫助2021-06-06
Android WebView自定義長按選擇實現收藏/分享選中文本功能
這篇文章主要介紹了Android WebView自定義長按選擇實現收藏/分享選中文本功能,需要的朋友可以參考下2017-06-06
這篇文章主要為大家詳細介紹了Android?Studio實現簡單繪圖板，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
本篇文章主要介紹了android 將圖片壓縮到指定的大小的示例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要介紹了Android實現左滑退出Activity的完美封裝，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
這篇文章主要為大家詳細介紹了Android實現快遞物流時間軸效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
Android本身是一套軟件堆疊(Software Stack)，或者成為軟件疊層架構，疊層主要分成三層：操作系統(tǒng)、中間件和應用程序2014-03-03
這篇文章主要為大家詳細介紹了Android自定義View實現QQ運動積分轉盤抽獎功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10