Flutter使用build()构建用户界面 （****）

 ----------------------------------------------------------

密切关联

Flutter 组件 | Builder 构造器与 BuildContext 认知 （***）  https://blog.csdn.net/ken2232/article/details/142610242 

Flutter使用build()构建用户界面 （****）  Flutter使用build()构建用户界面 （****）-CSDN博客 

Flutter | 一文搞懂 BuildContext / 20秒搞懂BuildContext  https://blog.csdn.net/ken2232/article/details/141274971 

Flutter笔记：build方法、构建上下文BuildContext解析 (***)  https://blog.csdn.net/ken2232/article/details/141204994 

透过源码理解Flutter中widget、state和element的关系 （****）  https://blog.csdn.net/ken2232/article/details/141286731 

Flutter使用build()构建用户界面 （****） Flutter使用build()构建用户界面 （****）-CSDN博客  

----------------------------------------------------------

参考

Flutter的四种Build模式（app/module/package/plugin）

Flutter 跨平台框架应用实战 / Cordova 、React Native 、Flutter 等 （****）  https://blog.csdn.net/ken2232/article/details/142586253 

Flutter 基础布局详解（Scaffold、Container、Center） / 脚手架是什么?  https://blog.csdn.net/ken2232/article/details/142584919 

Flutter3.7版本新增组件-Menu菜单系列介绍 / 下拉菜单 DropdownMenu  https://blog.csdn.net/ken2232/article/details/142547788 

Flutter基础视频教程—427个组件全解析 （*****）  https://blog.csdn.net/ken2232/article/details/142292282 

Flutter入门基础教程 （***） https://blog.csdn.net/ken2232/article/details/141309848   

【原理】一文深入了解Flutter事件机制  https://blog.csdn.net/ken2232/article/details/142074033 

【Flutter】一文搞懂异步编程  https://blog.csdn.net/ken2232/article/details/142074085 

----------------------------------------------------------

Flutter使用build()构建用户界面 （****）

  https://www.cnblogs.com/keephub/articles/16339796.html 

build 方法的结构

@protected
Widget build(
BuildContext context
)
@protected

build 方法的作用

用来构建当前 widget 小部件 的用户界面。

比如在小部件A中，插入 BuildContext 内容，当小部件 B 依赖小部件 A ，且小部件 B 发生更改时候，框架就会调用 build 方法。

build 方法可能会在每一帧中调用。

实例

import 'package:flutter/material.dart';

void main() {
  // 1:Basic widgets：基础组件
  // runApp(const MyApp());
  ///runApp()函数接受给定Widiget，并且使其成为小部件树的根

// 2:Using Material Components：Material组件构建
  runApp(const MaterialApp(
    title: 'My App',
    home: TutorialHome(),
  ));
}

// Using Material Components：Material组件构建
class TutorialHome extends StatelessWidget {
  const TutorialHome({super.key});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: const IconButton(
          onPressed: null,
          icon: Icon(Icons.menu),
        ),
        title: const Text('菜单'),
        actions: const [
          IconButton(
            onPressed: null,
            icon: Icon(Icons.search),
          ),
        ],
      ),
      body: const Center(
        child: Text('我是中间页面内容'),
      ),
      floatingActionButton: const FloatingActionButton(
        onPressed: null,
        tooltip: 'Add',
        child: Icon(Icons.add),
      ),
    );
  }
}

此博客主要用于记录相关知识点，大部分内容来自网络文章，特此感谢各位作者