Flutter Widget of the Week

如果要同时为手机和平板电脑编写app，你需要针对不同屏幕尺寸的UI布局当用户偏好设置较大的字体或是想要最大程度地减少动画时，你可能会遇到类似的情况有了MediaQuery你可以获得有关所用设备的大小以

如果这些widget具有固定的大小，则按行和列排放widget很简单。但是，如果您想要一个相对于其父级的尺寸呢？而且，如果您想在父级的尺寸改变时，调整这些widget怎么办？使用Flexiblewid

很多应用程序围绕动态列表构建详情，在添加，删除，修改。没有动画的话，可能令人感觉不安和混乱，为什么所有东西都在跳跃呢？发生了什么事儿？AnimatedList提供一种简单的方法使列表成动画首先提供It

有很多UI模式涉及拖动，例如在电子邮件中移动地址，或将文档从一个文件夹移动到另一个文件夹如果您有希望用户拖动的widget，请尝试使用Draggable。Draggable具有保存它们所代表的数据的属

想象一下你有这样一些数据，它们贯穿于你的应用程序，你希望当这些数据发哼变化时，你的应用程序也能随时随地进行更新。这听起来像是变成的噩梦，找出数据发生变化的地方，并在多处手动地进行用户界面的更新。但是如

有时候，你确切地知道你想要什么，比如这个按钮应该是200像素宽地，不多也不少这很简单，只需用SizedBox来封装按钮，然后以像素为单位给出宽度。你还可以指定高度以控制其尺寸。就这样。SizedBox

向左或向右华东列表项以摒除它们是一种很常见的UI模式。要让其能够与Flutter一起使用，请使用Dismissiblewidget。Dismissible带一个child、background、key

Flutter的动画框架为您提供了很多选项，可以轻松的为widget设置动画。一个很棒的选择是AnimatedBuilderwidget。使用AnimatedBuilder很简单。首先，我们给它一个动

想要任意组合和叠加widget在彼此之上，只要使用Flutter中的StackWidget，便可轻易实现。但是如何将这些widget放在Stack中呢？有几种方法可以做到这一点。其中一个是使用Posi

可以组成widget的能力是Flutter其中一个最强大的特色。但你能如何具体说明一个child应如何置放或安置在其parent中呢？例如，若你有个Containerwidget，你能如何选择Text

Future支持图像处理的功能非常棒，你可以将图像以资源形象，或通过网络进行加载。但是，如果您想以某种方式调整这些图像，添加旋转，倾斜甚至模糊，该怎么办呢？Flutter使用ImageFilter类和

Transform可以将简单的应用程序转换为令人惊叹的东西。像这样的变换是可能的，因为Flutter做自己的渲染。一个华丽的动画过渡？或者是一个弹性的滚动？甚至是一个很酷的菜单？这些都使用Transf

大多数widget会提供一种禁止输入的方法。例如，如果您将RaisedButton的onPressed回调设置为空值，则它将被禁用。并且您可以使用NeverScrollableScrollPhysic

一个你曾经自己正在编写一个构造方法，希望在决定它的外观之前能知道你的widget有多大？那么LayoutBuilder可以帮助你。它的构造器函数具有构建上下文和传入框约束的参数～这些是widget的有

大多数Flutterwidget都是盒子，你可以将它们布置、堆叠、甚至相互嵌套。当一个盒子不适合另一个盒子时会发生什么呢？为了解决这个问题，就有了FittedBox。只需要提供一个子widget和一个

手机屏幕很小，所以应用程序通常使用图像来传达意义。它们还充满了图像和其他视觉内容，这些内容可能并不明显，视力受损的人也无法看到。为了让用户获得消息，请使用Tooltip只需要使用Tooltipwidg

你是否像创建一个极其自定义的用户界面？使用Flutter，您可以访问低级别的绘画调用。这些都很快很有效率而且能让你构建光滑图形比如，使用圆形实现材料墨水波纹效果首先，向窗口树添加CustomPaint

HeroTransitions是一种常见的UI模式。他们让那个用户知道他们改变了屏幕，同时让交互的焦点保持在前沿和中心。Flutter有HeroWidget，它将自动在两个导航器路径之间创建一个Her

你是否曾在你的应用程序中有着一张图片或一些内容，并想着："我希望我可以将那些角变得平滑以进行一些修饰。"Flutter有着一个针对此情景的widget。它叫做ClipRRect。一个多余的“r”代表这

如果您需要给一个深度潜入的Widget，访问存储在widget树顶部分的数据，InheritedModel是一个很好的方法。您只需要建立您的子类，为您的数据添加一两个字段，并覆盖updateShoul