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

目录 简介 flutter中layout的分类 常用layout举例 总结 简介 对于一个前端框架来说,除了各个组件之外,最重要的就是将这些组件进行连接的布局了.布局的英文名叫做layout,就是用来描述如何将组件进行摆放的一个约束. 在flutter中,基本上所有的对象都是widget,对于layout来说也不例外.也就是说在flutter中layout也是用代码来完成的,这和其他的用配置文件来描述layout的语言有所不同. 你可以把layout看做是一种看不见的widget,这些看不见的w…

目录 简介 SliverAppBar详解 SliverAppBar的使用 总结 简介 对于一个APP来说,肯定会有一个AppBar,这个AppBar一般包含了APP的导航信息等.虽然我们可以用一个固定的组件来做为AppBar,但是这样就会丢失很多特效,比如将AppBar固定在顶部,AppBar可以在滑动的过程中进行大小变换等. 当然这一切都不需要自己来实现,flutter已经为我们提供了一个非常强大的AppBar组件,这个组件叫做SliverAppBar. SliverAppBar详解 我们先来…

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

目录 简介 StatelessWidget和StatefulWidget StatelessWidget详解 StatefulWidget详解 总结 简介 flutter中所有的组件都是由widgets组成的,flutter中有各种各样的widgets,这些widgets构成了flutter这个大厦. 那么flutter中的widget有什么特点呢?我们应该怎么学习widget呢? 一起来看看吧. StatelessWidget和StatefulWidget 实时上,flutter中的widge…

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

目录 简介 BuildContext的本质 BuildContext和InheritedWidget BuildContext的层级关系 总结 简介 我们知道Flutter中有两种Widget,分别是StatelessWidget和StatefulWidget,StatelessWidget中有一个build方法来创建对应的Widget,虽然StatefulWidget中没有对应的build方法,但是和StatefulWidget对应的State中也有同样的build方法. 这个build方法就…

目录 简介 Pointers和Listener GestureDetector 手势冲突 总结 简介 移动的和PC端有什么不同呢?同样的H5可以运行在APP端,也可以运行在PC端.两者最大的区别就是移动端可以用手势.手势可以做到一些比如左滑右滑,上滑下滑,缩放等操作. 原生的andorid和IOS当然可以做到这些事情,作为一个移动的的开发框架flutter,自然也能够支持手势.flutter中的手势支持叫做GestureDetector,一起来看看flutter中的手势基础吧. Pointers…

简介 为了简化大家的使用,虽然flutter推荐所有的widget都有自己来进行搭建,但是在大框架上面,flutter提供了Material和Cupertino两种主题风格的Widgets集合,大家可以在这两种风格的继承上进行个性化定制和开发. 这两种风格翻译成中文就是:材料和库比蒂诺?什么鬼-.我们还是使用默认的英文名来称呼它们吧. 本文我们将会深入讲解Material主题的基础-MaterialApp. MaterialApp初探 如果你使用最新的android Studio创建一个flut…

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