小白也能听懂的Flutter
import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return const MaterialApp( home: Scaffold( appBar: null, body: Center( child: Text('Hello, Flutter!'), ), ), ); } }
代码解读
1.main函数:类似Java或者C/C++等编程语言中的主函数,是程序的入口。其中调用的runApp函数,入参是一个Widget,也就是一个组件,用于展示界面效果。可以类比Android中的组件概念。
2.MyApp类:根组件,继承于StatelessWidget组件,所谓的无状态组件,主要用于绘制界面。
3.MyHomePage:页面组件,继承于StatefulWidget组件,即有状态组件,顾名思义是包含状态的组件。譬如,包含计数器变量,可以通过按钮点击改变其值。
4._MyHomePageState:页面组件的状态类,继承于State状态类,主要包含界面构建以及数据构建。一般通过页面组件的重载函数createState来关联。