本文是Flutter学习系列的开篇，讲解如何在屏幕上显示'Hello Flutter'。首先，导入material库，然后创建main函数，使用runApp挂载root widget。通过Center和Text widget实现文字居中显示，详细解释了widget的概念和使用方式。运行项目在模拟器上展示了成果，为后续的Flutter教程奠定了基础。
大家好，从本篇文章开始我们将一起正式进入 Flutter 的学习之旅，在本文中我们将学习到使用两个 widget 在屏幕显示 Hello Flutter 文字。
- 上一篇中我们已经使用 Android Studio 创建好了项目，接下来找到 Flutter 的入口文件 main.dart 位于 lib 包下。
- 打开 main.dart 以后清空一下文件里的内容，我们会一起从头开始去做一些练习。
- 首先在文件顶部导入 material，
import 'package:flutter/material.dart';因为 flutter 是基于 dart 语言编写的，所以文件的扩展名就是这个 .dart 。 - material 一般指的是 google 公司推行的一套设计风格，或者叫设计规范，比如颜色，文字排版，动画等等，具体可以参考 material.io 这个网站。
- 在 flutter 应用里面高度集成了 material 的设计风格，里面包含了很多 material 的 widget， widget 可以翻译成小部件。
- 在我们的应用里面，可以直接使用这些小部件去创建我们的应用的界面，要使用它们就需要先导入这个 material.dart。
- 接着我们创建 main 函数， void main 表示函数不返回值，这个 void 指的就是什么也没有，函数里面可以使用 runApp 这个函数
最低0.47元/天 解锁文章
扫一扫
2156
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
