目录 简介 Flutter的架构图 embedder engine Flutter framework Widgets Widgets的可扩展性 Widgets的状态管理 渲染和布局 总结 简介 Flutter是google开发的一个跨平台的UI构建工具,flutter目前最新的版本是3.0.5.使用flutter你可以使用一套代码搭建android,IOS,web和desktop等不同平台的应用.做到一次编写到处运行的目的. 说到一次编写处处运行,大家可能会想到java.那么flutter跟j…

目录 简介 Container的使用 旋转Container Container中的BoxConstraints 总结 简介 在上一篇文章中,我们列举了flutter中的所有layout类,并且详细介绍了两个非常常用的layout:Row和Column. 掌握了上面两个基本的layout还是不够的,如果需要应付日常的layout使用,我们还需要掌握多一些layout组件.今天我们会介绍一个功能强大的layout:Container layout. Container的使用 Container是一…

[toc] 简介 对于现代APP的应用来说,为了更加美观,通常会需要用到不同图像的堆叠效果,比如在一个APP用户背景头像上面添加一个按钮,表示可以修改用户信息等. 要实现这样的效果,我们需要在一个Image上面堆叠其他的widget对象,flutter为我们提供了这样的一个非常方便的layout组件叫做Stack,今天和大家一起来聊一聊Stack的使用. Stack详解 我们先来看下Stack的定义: class Stack extends MultiChildRenderObjectWidge…

目录 简介 Card详解 Card的使用 总结 简介 除了通用的组件之外,flutter还提供了两种风格的特殊组件,其中在Material风格中,有一个Card组件,可以很方便的绘制出卡片风格的界面,并且还带有圆角和阴影,非常的好用,我们一起来看看吧. Card详解 在详细讲解Card之前,我们考虑一下什么时候会用到Card? 一提到Card大家第一印象就是名片,在名片中描述了一个人的相关信息,比如姓名,电话和邮箱等.而Card就是将一组相关的信息放在一起呈现的组件. 我们来看下Card的定义:…

目录 简介 IndexedStack简介 IndexedStack的使用 总结 简介 之前我们介绍了一个flutter的栈结构的layout组件叫做Stack,通过Stack我们可以将一些widget叠放在其他widget之上,从而可以实现图像的组合功能,也是日常中最常用的一种组件了.今天我们要介绍的组件是Stack的近亲,叫做IndexedStack,它有什么功能呢?一起来看看吧. IndexedStack简介 从名字可以看出,IndexedStack是给Stack添加了一个index的功能,…

目录 简介 Offstage详解 Offstage的使用 总结 简介 我们在使用flutter的过程中,有时候需要控制某些组件是否展示,一种方法是将这个组件从render tree中删除,这样这个组件就相当于没有出现一样,但是有时候,我们只是不想展示这个widget,但是这个组件还是存在的,并且可以接受键盘输入,还可以使用CPU.它和真正的组件唯一不同的就是他是不可见的. 这样的组件就叫做Offstage. 今天给大家详细介绍一下Offstage的使用. Offstage详解 我们首先来看下Of…

目录 简介 GridView详解 GridView的构造函数 GridView的使用 总结 简介 GridView是一个网格化的布局,如果在填充的过程中子组件超出了展示的范围的时候,那么GridView会自动滚动. 因为这个滚动的特性,所以GridView是一个非常好用的Widget.今天我们一起来探索一下GridView这个layout组件的秘密. GridView详解 GridView是一个可滚动的view,也就是ScrollView,事实上GridView继承自BoxScrollView:…

目录 简介 ListView详解 ListView中的特有属性 ListView的构造函数 ListView的使用 总结 简介 ListView是包含多个child组件的widget,在ListView中所有的child widget都是以list的形式来呈现的,你可以自定义List的方向,但是和GridView不同的是ListView中的每一个List里面都只包含一个widget. 今天我们来详细了解一下ListView的底层实现和具体的应用. ListView详解 和GridView一样,L…

Flutter系列博文链接 ↓: Flutter基础篇: Flutter基础篇(1)-- 跨平台开发框架和工具集锦 Flutter基础篇(2)-- 老司机用一篇博客带你快速熟悉Dart语法 Flutter基础篇(3)-- Flutter基础全面详解 Flutter基础篇(4)-- Flutter填坑全面总结 Flutter基础篇(5)-- Flutter代码模板,解放双手,提高开发效率必备 Flutter基础篇(6)-- 水平和垂直布局详解 Flutter进阶篇: Flutter进阶篇(1)--…

目录 简介 StatefuWidget和State State的生命周期 总结 简介 Flutter的基础是widget,根据是否需要跟用户进行交互,widget则可以分为StatelessWidget和StatefulWidget.StatelessWidget只能根据传入的状态进行简单的初始化widget,如果要实现跟用户交互这种复杂的功能,则需要用到StatefulWidget. 但是对于StatefulWidget本身来说,它并不存储任何状态,所有的状态都是存放在和StatefulWid…