4.这是一份Flutter常用Widget指南

目录传送门:《Flutter快速上手指南》先导篇

在 Flutter 中,所有的东西都是 Widget —— 万物皆 Widget

Image(图片)、Text(文字)、Container(容器)、Padding(间距)、Align(对齐方式)、GestureDetector(手势).. 所有你知的一切,基本都是 Widget。

Flutter 通过一个个的 Widget 来拼装视图树,处理交互、事件、数据等。

它很灵活,但有些太灵活了。

开发者必须花费很多的精力去掌握这些 Widget。

看个简单的例子。

这个组件就是由多个 Widget 拼装而成。

从上图的视图树中可以看到,这样一个简单的导航栏场景,也需要很多的 Widget 来组装。

你得明确一点,在 Flutter 的开发过程中,你的大部分时间都是在和各种各样的 Widget 打交道。

它们种类很多,目前已经有 30+ 的 Widget 了,并且数量可能仍然在增加。

要完全掌握所有的 Widget 是很困难的,但你应该掌握大部分常用的 Widget,对其它的 Widget 也该有点认知。

本篇会罗列一些常用的 Widget 使用指南。

你可以收藏起来,以便随时可以到这来查询你不太确定的 Widget。

基础 Widgets

? Widget-Container

? Widget-Button

? Widget-Row和Column

? Widget-Text

? Widget-Scaffold

? Widget-Icon

? Widget-Image

? Widget-Stack

? Widget-TabBar+TabBarView

? Widget-输入框TextField

用于布局的 Widgets

? Widget-Align

? Widget-Center

? Widget-Expended

? Widget-LayoutBuilder

? Widget-Padding

? Widget-Wrap

可滚动 Widgets

? Widget-CustomScrollView

? Widget-GridView

? Widget-ListView

? Widget-PageView

? Widget-SingleChildScrollView

装饰 Widgets

? Widget-BoxDecoration

? Widget-Clip系列

? Widget-Opacity

? Widget-SafeArea

? Widget-高斯模糊BackdropFilter

功能性 Widgets

? Widget-FutureBuilder和StreamBuilder

? Widget-拦截返回键WillPopScope

⚠️ 本篇文章在动态更新中.. 不要尝试点击前面有 ? 的链接!


目录传送门:《Flutter快速上手指南》先导篇

如何找到我?

传送门:CoorChice 的主页

传送门:CoorChice 的 Github


转载于:https://juejin.im/post/5c90cd6fe51d45584b2e3ae9

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值