Flutter Widget of the Week

您是否有widget需要一些背景样式？也许是背景颜色或者形状？还是一些尺寸限制？ 尝试将其包装在Container widget中。 Container Widget可帮助您组成，装饰和定位子widg

有时候你希望ListView里面的item，能够遵循Material Design规范， 你可以花数小时实现完美布局，row、column、container或者padding，或者你可以只用List

你是否曾想过将一组项目显示在可滚动列表中？ ListView正式能如此操作的widget 简单来说，你给它一个项目列表，让其自动添加其余的操作。 你也许会问：“其余的动作是什么？” 那都是可自定义的。

有时您的设计需要相对的纬度。例如，按钮应该占应用程度宽度的70%，或者页边距占widget的10%。FractionallySizedBox可以做到这一点。使用FractionallySizeBox包

有时您想要更改widget的可见性，可以通过淡入视图或在为选择某些内容时使其不那么突出。 对于所有那些情况请看看AnimatedOpacity。 首先，使用AnimatedOpacity widget

你是否觉得限制与Column、Row或者Container布局的配置？如果你曾想过层叠窗口小工具，那么Stackwidget正式你所需要的。Stack获取widget列表，并以之为基础重新算图，并一次

虽然Flutter非常擅长根据位置和父级调整widget的大小，但有时候，您需要调整宽度和高度，以最佳地匹配您的设计。使用ConstrainedBoxwidget，这非常简单。ConstrainedB

Flutter有大量的widget，可以用来描述应用程序的UI组建和行为。 若您使用Flutter构建了应用程序，那么您可能对它们非常熟悉。 您可能不知道的是Flutter还有一个widget，可以用

你是否希望用户能够在应用中轻松切换widget？IndexedStack可与你做到这一点。从本质上将IndexedStack就像是电视，频道之间的切换。它一次只显示其中一个子项，但保留了所有子项的状态

Paddingwidget是在widget和屏幕边框之间提供缓冲区和空格的好方法。但是，如果您向动态更改widget的padding，并让它在两个padding之间设置动画，改怎么办呢？好吧，Anim

在Flutter的widget中很多有Slider的功能，从Slider本身一直到Dismissible和Draggable，如果您想要实现这种功能，有一个很好的widgetAnimatedPosit

在过度时，你想用时髦的动画，在两个或多个widget之间切换吗？AnimatedSwitcher将满足你的要求。首先，将需要动画的widget设为AnimatedSwitcher的子级接下来，设置转换

如果你曾用Flutter构建过一些东西，你可能已经使用过了ListViewwidget他们可以调整，显示和滚动项目列表。小菜一碟～但是，你不能做的一件事就是在列表中移动项目，幸运的是，有Reorder

应用程序通常以阅读为主因此，应用程序的文字排版非常重要。在很多情况下，文字widget提供你需要的所有功能，它可以显示不同大小的文字、字体，样式等等。但是，如果想在一句话或者一段文字里显示多种样式的文

你是否正在建立一个新的用户洁面，却遭遇到屏幕空白的问题？或许你需要部署几个不同的UI部分，但你不知道从那里开始，请使用Placeholder，它可占用UI组建的位置，直到你准备好了将UI落实到实处占位

一些widget根据父级定义的约束来设置它们的大小，但是ListView，Row或Column等widget很难使其子项的大小保持平衡。当一个widget没有父级来限制它的大小时，如何给它一个默认的大

在布置你的应用时，你可能不太关心确切的尺寸但你肯定需要知道某个特定widget的长宽比，无论尺寸如何你希望widget的宽度是这样的，或希望它是这样的长条或者整好这么大的正方形Flutter通过Asp

Flutter通过直接在框架中提供Material和Cupertino图标集满足你对图标的所有需求但你是否知道Flutter还有一些列的动画图标可以让你直接拖放到你的应用程序中使用？想要使用它们的话，

将数据从一个widget传递到另一个widget可能会变得很混乱InheritedWidget允许任何子级widget访问该数据，从而避免了传递数据的麻烦，需要时就可以查找它首先，创建您自己的扩展In

行&列Widget有其主要的专用对其方式属性，以用来均匀分配其children当中有spaceAround,spceBetween以及spaceEvenly如果你想要更个性化的空间分配，可试用Spac