简介很多时候，我们需要一些特效功能，比如给图片做个滤镜什么的，如果是h5页面，那么我们可以很容易的通过css滤镜来实现这个功能。那么如果在flutter中，如果要实现这样的滤镜功能应该怎么处理呢？一起来看看吧。我们的目标在继续进行之前，我们先来讨论下本章到底要做什么。最终的目标是希望能够实现一个图片的滤镜功...

因为这里的主要目的是实现菜单的动画，所以这里的菜单比较简单，我们的menu是一个StatefulWidget,里面就是一个Column组件，column中有四行诗：

我们在app的开发过程中经常会用到一些表示进度类的动画效果，比如一个下载按钮，我们希望按钮能够动态显示下载的进度，这样可以给用户一些直观的印象，那么在flutter中一个下载按钮的动画应该如何制作呢？

之前我们提到了flutter提供了比较简单好用的AnimatedContainer和SlideTransition来进行一些简单的动画效果，但是要完全实现自定义的复杂的动画效果，还是要使用AnimationController。

什么是动画呢？动画实际上就是不同的图片连续起来形成的。flutter为我们提供了一个AnimationController来对动画进行详尽的控制，不过直接是用AnimationController是比较复杂的，如果只是对一个widget的属性进行修改，可以做成动画吗？

flutter中有默认的Route组件，叫做MaterialPageRoute，一般情况下我们在flutter中进行跳转的话，只需要向Navigator中传入一个MaterialPageRoute就可以了。

在app中使用相机肯定是再平常不过的一项事情了，相机肯定涉及到了底层原生代码的调用，那么在flutter中如何快速简单的使用上相机的功能呢？

简介现在的app功能越来越强大，除了基本的图文之外，还需要各种各样的其他的功能,比如视频，和直播。直播可能会比较复杂，因为涉及到了拉流和推流，需要服务器端的支持，但是视频播放就比较简单了，那么如何在flutter中使用媒体播放器呢？一起来看看吧。使用前的准备工作flutter本身是不支持媒体播放功能的，为了实现这...

我们在flutter中可以使用Navigator.push或者Navigator.pushNamed方法来向Navigator中添加不同的页面，从而达到页面调整的目的。

一般情况下我们在flutter中搭建的app基本上都是用的是MaterialApp这种设计模式，MaterialApp中为我们接下来使用的按钮，菜单等提供了统一的样式，那么这种样式能不能进行修改或者自定义呢？

在flutter中一个Router就是一个widget，但是在Android中，一个Router就是Activity,在IOS中，一个Router是一个ViewController。

一个APP如果没有页面跳转那么是没有灵魂的，页面跳转的一个常用说法就是Navigator,flutter作为一个最为优秀的前端框架，Navigator肯定是必不可少的，那么在flutter中如何使用Navigator呢？

在上一篇文章我们讲解SliverAppBar的时候有提到过，Sliver的组件一般都用在CustomScrollView中。除了SliverAppBar之外，我们还可以为CustomScrollView添加List或者Grid来实现更加复杂的组合效果。

一般情况下，我们使用Listview的方式是构建要展示的item，然后将这些item传入ListView的构造函数即可，通常情况下这样做是够用了，但是不排除我们会有一些其他的特殊需求。

之前我们介绍了GestureDetector的定义和其提供的一些基本的方法，GestureDetector的好处就是可以把任何一个widget都赋予类似button的功能。

对于一个APP来说，肯定会有一个AppBar，这个AppBar一般包含了APP的导航信息等。虽然我们可以用一个固定的组件来做为AppBar，但是这样就会丢失很多特效，比如将AppBar固定在顶部，AppBar可以在滑动的过程中进行大小变换等。

虽然我们在开发APP的过程中是以功能为主，但是有时候为了美观或者其他的特殊的需求，需要对组件进行一些变换。在Flutter中这种变换就叫做Transform。

我们在开发web应用的时候，有时候为了适应浏览器大小的调整，需要动态对页面的组件进行位置的调整。这时候就会用到flow layout，也就是流式布局。

我们在使用flutter的过程中，有时候需要控制某些组件是否展示，一种方法是将这个组件从render tree中删除，这样这个组件就相当于没有出现一样，但是有时候，我们只是不想展示这个widget，但是这个组件还是存在的，并且可以接受键盘输入，还可以使用CPU。它和真正的组件唯一不同的就是他是不可见的。

我们在flutter中使用能够包含多个child的widget的时候，经常会遇到超出边界范围的情况，尤其是在Column和Row的情况下，那么我们有没有什么好的解决办法呢？答案就是今天我们要讲解的Wrap。

之前我们介绍了一个flutter的栈结构的layout组件叫做Stack,通过Stack我们可以将一些widget叠放在其他widget之上，从而可以实现图像的组合功能，也是日常中最常用的一种组件了。今天我们要介绍的组件是Stack的近亲，叫做IndexedStack，它有什么功能呢？一起来看看吧。

flutter中有很多种Builder，虽然所有的builder都是构造器，但是不同的builder之间还是有很多差距的。今天我们来详细介绍一下Builder，LayoutBuilder，StatefulBuilder这几个builder的使用。

flutter中的layout有很多，基本上看layout的名字就知道这个layout到底是做什么用的。比如说这些layout中的Box，从名字就知道这是一个box的布局，不过flutter中的box还有很多种，今天我们来介绍最常用的LimitedBox,SizedBox和FittedBox。

简介我们在构建UI的时候，为了适应不同的屏幕大小，通常需要进行一些自适应的配置，而最常见的自适应就是根据某个宽度或者高度自动进行组件的缩放。今天要给大家介绍两个可以自动缩放的组件AspectRatio和FractionallySizedBox。AspectRatioAspectRatio的目的就是将其child按比例缩放。先来看下AspectRatio的定义： {代码...

我们在flutter中使用layout的时候需要经常对组件进行一些大小的限制，这种限制就叫做constraints，用来控制layout中的组件大小。

MediaQuery从名字上来看，它的意思是媒体查询。它可以查询的东西就多了，可以查询当前你app的窗口信息，查询你指定的某个widget的信息等等，非常的强大。

除了通用的组件之外，flutter还提供了两种风格的特殊组件，其中在Material风格中，有一个Card组件，可以很方便的绘制出卡片风格的界面，并且还带有圆角和阴影，非常的好用，我们一起来看看吧。

对于现代APP的应用来说，为了更加美观，通常会需要用到不同图像的堆叠效果，比如在一个APP用户背景头像上面添加一个按钮，表示可以修改用户信息等。

ListView是包含多个child组件的widget，在ListView中所有的child widget都是以list的形式来呈现的，你可以自定义List的方向，但是和GridView不同的是ListView中的每一个List里面都只包含一个widget。

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