Flutter 实用组件指南

本篇推荐一个非常好用的步骤条组件。在应用里，会经常遇到一项业务有多个步骤，比如订单状态，任务进展等等，这个时候就需要用到步骤条。步骤条可以让用户清晰地知道整个业务会经历哪些环节，以及当前所处的状态。

我们经常在一些网站上看到这样的密码强度指示，使用三段线，分别用不同的颜色来表示弱密码、中等强度密码和强密码。这种方式能够让用户清晰地感知到自己设置密码的强度，体验上更为友好。

当用户输入搜索内容时，往往会自动匹配一些候选搜索内容，以便让用户快速完成搜索内容的输入。同时，也可以在候选的搜索内容中根据用户偏好“加塞”广告，提高成交转化率。比如淘宝、京东的搜索。

在我们日常开发中，使用 GridView 这种网格视图的场合还是不少的，比如照片墙、九宫格等等。有一个场景就是需要对网格的元素进行拖拽排序，本篇给你推荐一个支持拖拽排序的 GridView 组件。

按照许可协议，我们应该在App中公开使用的开源代码并且附上对应的开源协议。作为一个有“追求”的码农，我们还是想对开源软件致敬一下的，毕竟，没有他们我都不知道怎么写代码。

布局方案很多，熟悉各类布局组件很关键。本篇介绍了 Flutter 的比例布局组件，并实现了类似京东商品详情页的底部操作栏界面。

我们在开发移动端界面的时候，经常会遇到一组尺寸不一的组件需要作为同一组展示，典型的就是下面这种搜索历史。搜索内容的文字长短不一，导致显示的宽度不一致。而且，需要根据屏幕的宽度来自动换行显示。

安利一个可以增强Flutter 自带的 FloatingActionButton 的组件，点击后可以展开更多操作，简单易用。

小红点，然后让强迫症用户“没法活”。 为了 KPI，程序员也不得不实现这样令人讨厌的功能。本篇介绍能让你轻松搞定小红点的 Flutter 组件 —— Badge。

各个大厂的 App 首页都变成了灰色，怎么做到的？用 Flutter 实现非常简单，几行代码轻松搞定！

渐变色文字、会动的渐变文字、火焰文字……这些文字特效只需要Flutter 一个组件就能搞定，你学会了吗？

使用起来很简单但很强大的评分组件，能够覆盖绝大部分的评分使用场景。可以利用该组件来节省我们开发的时间，而且体验也可以根据需要来定制。

墙裂推荐！使用 DataTable 搞定基础数据表格，使用 SfDataGrid 几乎能满足所有复杂表格的开发。

通过 FittedBox 可以调整子组件适配父组件的方式，非常实用。我们利用 FittedBox 轻松搞了一个红包界面。

介绍了 Flutter 中的 InputChip组件的使用，同时给出了如何用 InputChip实现兴趣标签的选择。InputChip`还可以用于多选，在聊天会评论列表展示用户信息。

我们在短视频应用中经常会看到不停上滑浏览下一条视频的沉浸式交互效果，这种交互能够让用户不停地翻页，直到找到喜欢的视频内容，从而营造一种不断“搜寻目标”的感觉，本篇介绍如何在 Flutter 实现。