Flutter 入口程序

Flutter 入口程序

每一个Flutter项目的/lib目录下都有一个main.dart文件,打开该文件,里面应该有一个main()函数。Flutter使用Dart语言开发,而在Dart语言中,main()函数是Dart程序的入口,也就是说,Flutter程序在运行的时候,第一个执行的函数就是main()函数,如下面的代码所示:

        void main() => runApp(Widget app);

如果你是第一次接触Dart语言,可能会对上面的语法感到陌生,这是Dart语言特有的速写形式,将其展开后,完整代码如下所示:

          void main() {

            return runApp(Widget app);

          }

从上面的代码中可以看到,main()函数中只调用runApp()函数,使用runApp()函数可以将给定的根组件填满整个屏幕。你可能会有疑问,为什么一定要使用runApp()函数?如果不调用runApp()函数,项目也可以正常执行,但是屏幕上什么都不会显示。Flutter是Dart语言的移动应用框架,runApp()函数就是Flutter框架的入口,如果不调用runApp()函数,那么执行的就是一个Dart控制台应用。

Material Design设计风格

每一个.dart文件的第一行几乎都会导入flutter/material.dart包,这个包是Flutter实现Material Design设计风格的基础包,里面有文本输入框(Text)、图标(Icon)、图片(Image)、行排列布局(Row)、列排列布局(Column)、Decoration(装饰器)、动画等组件,可以将它们理解为网页中的按钮、标题、选项框等组件库。第一行代码如下所示:

          import 'package:flutter/material.dart';

那么Material Design又是什么呢?是谷歌推出的一套视觉设计语言。比如有的App可以换皮肤,而每一套皮肤就是一种设计语言,有古典风、炫酷风、极简风,等等,而Material Design就是谷歌风。Flutter采用的就是Material Design风格。

赞(0)

评论 抢沙发

评论前必须登录!