持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第25天,点击查看活动详情
关于冷启动、热重载、热重启的相关概念
- 冷启动:APP 从来没有打开过,从零开始启动APP,这个过程非常耗时
- 热重载(Hot Reload):只是执行 build() 方法
- 热重启(Hot Restart):重新运行整个APP
在 Android Studio 中
Flutter 入口文件与入口函数
每一个 Flutter 项目的 lib 目录中,都会有一个 main.dart 文件,这个文件就是 Flutter 入口文件
文件中涉及的方法:
main()是 dart 的入口函数,Flutter 是 Dart 写的,所以入口同样也是main()函数runApp()是 Flutter 内部函数,启动 Flutter 应用程序时需要调用runApp()函数
void main() {
runApp( /*Widget*/ );
}
也可以简写
void main() => runApp( /*Widget*/ );
关于 Widget
-
在 Flutter 中,
Widget可以理解为组件、控件 -
在整个 Flutter 项目中,你所能看到的内容几乎全是
Widget,可谓是万物皆为Widget -
以
Text组件为例-
Text继承自StatelessWidget,StatelessWidget继承自Widget。因此,可以将Text组件传入到runApp()函数中 -
先设置其内容、方向及文字大小和颜色,之后在控件
Text外面包一个组件Center(), 将Text设置为child
-
关于 Material 库
-
Material 是 Google 公司推行的一套设计规范,比如颜色、文字排版及响应动画等等
-
在 Flutter 中,可以直接使用这些 Widget 来创建应用程序
-
以
Text组件为例,使用 Material 库中封装好的组件完成界面结构代码分析
-
关于
MaterialAPP()在最外层使用
MaterialAPP(),表示整个程序都会采用 Material 风格。设置其home属性home: 该程序启动时显示的页面,此处传入了一个Scaffold
-
关于
Scaffold()Scaffold()也被叫作脚手架,作用是搭建页面的基本结构。此处对其俩个属性进行设置-
appBar: 设置导航栏。可以设置其title -
body: 设置页面的内容,将Center下的Text设置为页面内容
-
-