从零开始的Flutter入门实战

 

目录

前言

一、新建一个flutter项目

二、接下来我们将正式开始flutter的项目实战了

1.引入库

2.定义接口

3.创建StatelessWidget

4.创建一个Scaffold()

5.创建一个AppBar

6.创建顶部导航栏的文字

7.修改文本的样式

8.效果展示

三、知识点梳理

总结

---

前言

非常感谢Vadaski大佬为这篇文章提供了很多技术支持，如果看完这篇文章你对Flutter感兴趣，还可以看看这篇文章，对于新手也是非常的友好。

Vadaski/One-Punch-Flutter: Flutter Book (github.com)

在学习本章之前，如果你对一些flutter基础不是很了解，可以先看一下这篇文章，效果可能会更好一些新手入门需要知道的Flutter基础_佑一山的博客-CSDN博客

本章节，我们将会从零开始构建一个简单的基础页面，并对一些基础的widget进行介绍。

---

 

一、新建一个flutter项目

首先我们新建一个flutter项目，flutter会自动创建一个点击计数器的demo后我们删除掉里面的所有内容，从零开始构建一个自己的项目出来。

二、接下来我们将正式开始flutter的项目实战了

1.引入库

代码如下（示例）：

 

我们先导入一个material包，这个包是我们Android的外观和风格的包，有了这个包，就可以使用这个包中的组件，我们的APP在风格上就是Android的风格。

2.定义接口

代码如下（示例）：

 

我们需要定义一个打开app的入口，在这个主函数中，有一个runApp，我们需要告诉它，我们要运行