happy神悦

一. Theme主题的使用 Theme分为：全局Theme和局部Theme主题有两个作用：设置了主题之后，某些Widget会自动使用主题的样式（比如AppBar的颜色）将某些...

happy神悦

一. 动画API认识 动画其实是我们通过某些方式（比如对象，Animation对象）给Flutter引擎提供不同的值，而Flutter可以根据我们提供的值，给对应的Widge...

happy神悦

一. 路由管理 1.1. 认识Flutter路由 路由的概念由来已久，包括网络路由、后端路由，到现在广为流行的前端路由。 无论路由的概念如何应用，它的核心是一个路由映射表 比...

happy神悦

一. 事件监听 在Flutter中，手势有两个不同的层次： 第一层：原始指针事件（Pointer Events）：描述了屏幕上由触摸板、鼠标、指示笔等触发的指针的位置和移动。...

happy神悦

一. 为什么需要状态管理？ 1.1. 认识状态管理 很多从命令式编程框架（Android或iOS原生开发者）转成声明式编程（Flutter、Vue、React等）刚开始并不适...

happy神悦

一. Flutter的渲染流程 1.1. Widget-Element-RenderObject关系 1.2. Widget是什么？ 官方对Widget的说明： Flutte...

happy神悦

一. 监听滚动事件 对于滚动的视图，我们经常需要监听它的一些滚动事件，在监听到的时候去做对应的一些事情。比如视图滚动到底部时，我们可能希望做上拉加载更多；比如滚动到一定位置时...

happy神悦

一. Slivers 我们考虑一个这样的布局：一个滑动的视图中包括一个标题视图（HeaderView），一个列表视图（ListView），一个网格视图（GridView）。我...

happy神悦

一. GridView组件 GridView用于展示多列的展示，在开发中也非常常见，比如直播App中的主播列表、电商中的商品列表等等。在Flutter中我们可以使用GridV...

happy神悦

一. ListView组件 移动端数据量比较大时，我们都是通过列表来进行展示的，比如商品数据、聊天列表、通信录、朋友圈等。在Android中，我们可以使用ListView或R...

happy神悦

一. 多子布局组件 在开发中，我们经常需要将多个Widget放在一起进行布局，比如水平方向、垂直方向排列，甚至有时候需要他们进行层叠，比如图片上面放一段文字等；这个时候我们需...

happy神悦

一. 单子布局组件 单子布局组件的含义是其只有一个子组件，可以通过设置一些属性设置该子组件所在的位置信息等。比较常用的单子布局组件有：Align、Center、Padding...

happy神悦

一. 表单Widget 和用户交互的其中一种就是输入框，比如注册、登录、搜索，我们收集用户输入的内容将其提交到服务器。 1.1. TextField的使用 1.1.1. Te...

happy神悦

一. 图片Widget 图片可以让我们的应用更加丰富多彩，Flutter中使用Image组件 Image组件有很多的构造函数，我们这里主要学习两个： Image.assets...

happy神悦

一. 按钮Widget 1.1. 按钮的基础 Material widget库中提供了多种按钮Widget如FloatingActionButton、RaisedButton...

happy神悦

1. 文本Widget 在Android中，我们使用TextView，iOS中我们使用UILabel来显示文本； Flutter中，我们使用Text组件控制文本如何展示； 1...

happy神悦

1.1. 认识StatefulWidget 在开发中，某些Widget情况下我们展示的数据并不是一层不变的：比如Flutter默认程序中的计数器案例，点击了+号按钮后，显示的...

happy神悦

一. 第一个Flutter代码 1.1. Hello World 1.1.1. Hello World的需求 做任何的开发，我们都是从祖传的Hello World开始，那么现...