随笔分类 - flutter
flutter系列文章，包括dart
摘要：简介 之前我们介绍了GestureDetector的定义和其提供的一些基本的方法，GestureDetector的好处就是可以把任何一个widget都赋予类似button的功能。 今天将会通过几个具体的例子来讲解一下GestureDetector的具体使用。 赋予widget可以点击的功能 一般情况
阅读全文
摘要：简介 对于一个APP来说，肯定会有一个AppBar，这个AppBar一般包含了APP的导航信息等。虽然我们可以用一个固定的组件来做为AppBar，但是这样就会丢失很多特效，比如将AppBar固定在顶部，AppBar可以在滑动的过程中进行大小变换等。 当然这一切都不需要自己来实现，flutter已经为
阅读全文
摘要：简介 虽然我们在开发APP的过程中是以功能为主，但是有时候为了美观或者其他的特殊的需求，需要对组件进行一些变换。在Flutter中这种变换就叫做Transform。 flutter的强大之处在于，可以对所有的widget进行Transform，因此可以做出非常酷炫的效果。 Transform简介 在
阅读全文
摘要：简介 我们在开发web应用的时候，有时候为了适应浏览器大小的调整，需要动态对页面的组件进行位置的调整。这时候就会用到flow layout，也就是流式布局。 同样的，在flutter中也有流式布局，这个流式布局的名字叫做Flow。事实上，在flutter中，Flow通常是和FlowDelegate一
阅读全文
摘要：简介 我们在使用flutter的过程中，有时候需要控制某些组件是否展示，一种方法是将这个组件从render tree中删除，这样这个组件就相当于没有出现一样，但是有时候，我们只是不想展示这个widget，但是这个组件还是存在的，并且可以接受键盘输入，还可以使用CPU。它和真正的组件唯一不同的就是他是
阅读全文
摘要：简介 我们在flutter中使用能够包含多个child的widget的时候，经常会遇到超出边界范围的情况，尤其是在Column和Row的情况下，那么我们有没有什么好的解决办法呢？答案就是今天我们要讲解的Wrap。 Row和Column的困境 Row和Column中可以包含多个子widget，如果子w
阅读全文
摘要：简介 之前我们介绍了一个flutter的栈结构的layout组件叫做Stack,通过Stack我们可以将一些widget叠放在其他widget之上，从而可以实现图像的组合功能，也是日常中最常用的一种组件了。今天我们要介绍的组件是Stack的近亲，叫做IndexedStack，它有什么功能呢？一起来看
阅读全文
摘要：简介 flutter中有很多种Builder，虽然所有的builder都是构造器，但是不同的builder之间还是有很多差距的。今天我们来详细介绍一下Builder，LayoutBuilder，StatefulBuilder这几个builder的使用。 Builder Builder是flutter
阅读全文
摘要：简介 flutter中的layout有很多，基本上看layout的名字就知道这个layout到底是做什么用的。比如说这些layout中的Box，从名字就知道这是一个box的布局，不过flutter中的box还有很多种，今天我们来介绍最常用的LimitedBox,SizedBox和FittedBox。
阅读全文
摘要：简介 我们在构建UI的时候，为了适应不同的屏幕大小，通常需要进行一些自适应的配置，而最常见的自适应就是根据某个宽度或者高度自动进行组件的缩放。 今天要给大家介绍两个可以自动缩放的组件AspectRatio和FractionallySizedBox。 AspectRatio AspectRatio的目
阅读全文
摘要：简介 我们在flutter中使用layout的时候需要经常对组件进行一些大小的限制，这种限制就叫做constraints，用来控制layout中的组件大小。 掌握了constraints才算对layout有了真正的了解，但是flutter中的constraints和我们熟悉的HTML中的constr
阅读全文
摘要：简介 移动的开发中，大家可能最头疼的就是不同设备的规格了，现在设备这么多，如何才能在诸多的设备中找到合适的widget的位置来进行绘制呢？ 不用怕，在flutter中为我们提供了一个叫做MediaQuery的利器，大家一起来看看吧。 MediaQuery详解 MediaQuery从名字上来看，它的意
阅读全文
摘要：简介 除了通用的组件之外，flutter还提供了两种风格的特殊组件，其中在Material风格中，有一个Card组件，可以很方便的绘制出卡片风格的界面，并且还带有圆角和阴影，非常的好用，我们一起来看看吧。 Card详解 在详细讲解Card之前，我们考虑一下什么时候会用到Card？ 一提到Card大家
阅读全文
摘要：简介 对于现代APP的应用来说，为了更加美观，通常会需要用到不同图像的堆叠效果，比如在一个APP用户背景头像上面添加一个按钮，表示可以修改用户信息等。 要实现这样的效果，我们需要在一个Image上面堆叠其他的widget对象，flutter为我们提供了这样的一个非常方便的layout组件叫做Stac
阅读全文
摘要：简介 ListView是包含多个child组件的widget，在ListView中所有的child widget都是以list的形式来呈现的，你可以自定义List的方向，但是和GridView不同的是ListView中的每一个List里面都只包含一个widget。 今天我们来详细了解一下ListVi
阅读全文
摘要：简介 GridView是一个网格化的布局，如果在填充的过程中子组件超出了展示的范围的时候，那么GridView会自动滚动。 因为这个滚动的特性，所以GridView是一个非常好用的Widget。今天我们一起来探索一下GridView这个layout组件的秘密。 GridView详解 GridView
阅读全文
摘要：简介 在上一篇文章中，我们列举了flutter中的所有layout类，并且详细介绍了两个非常常用的layout:Row和Column。 掌握了上面两个基本的layout还是不够的，如果需要应付日常的layout使用，我们还需要掌握多一些layout组件。今天我们会介绍一个功能强大的layout:Co
阅读全文
摘要：简介 对于一个前端框架来说，除了各个组件之外，最重要的就是将这些组件进行连接的布局了。布局的英文名叫做layout，就是用来描述如何将组件进行摆放的一个约束。 在flutter中，基本上所有的对象都是widget,对于layout来说也不例外。也就是说在flutter中layout也是用代码来完成的
阅读全文
摘要：简介 为了简化大家的使用，虽然flutter推荐所有的widget都有自己来进行搭建，但是在大框架上面，flutter提供了Material和Cupertino两种主题风格的Widgets集合，大家可以在这两种风格的继承上进行个性化定制和开发。 这两种风格翻译成中文就是：材料和库比蒂诺？什么鬼….我
阅读全文
摘要：简介 移动的和PC端有什么不同呢？同样的H5可以运行在APP端，也可以运行在PC端。两者最大的区别就是移动端可以用手势。手势可以做到一些比如左滑右滑，上滑下滑，缩放等操作。 原生的andorid和IOS当然可以做到这些事情,作为一个移动的的开发框架flutter，自然也能够支持手势。flutter中
阅读全文