一位Android程序员入坑Flutter后整理出一份超详细的学习笔记

Flutter学习笔记：从Android程序员的角度看Flutter

最新推荐文章于 2025-05-25 19:02:35 发布

原创

最新推荐文章于 2025-05-25 19:02:35 发布 · 505 阅读

CC 4.0 BY-SA版权

文章标签：

这篇博客是一位Android开发者转向Flutter后的学习心得，介绍了Flutter中的关键概念，如Widgets、布局、页面跳转、网络请求等，并对比了与Android的异同。内容包括如何在Flutter中实现布局、处理页面跳转、网络请求、手势识别，以及如何适配不同设备等。

实际上Flutter没有xml了, 并且是通过Widgets的嵌套来实现一个布局的。

如：

Center是一个可以把子View放置在中央的容器；
Row对应的就是LinearLayout + Horizontal，Column对应的就是LinearLayout + Vertical，他们都具备一个属性叫做crossAxisAlignment，有点类似gravity，来控制子View相对于父View的位置。
Expanded支持一个类似weight的属性，叫flex。
Container是一个具有decoration属性的容器，可以用来控制背景色，border, margin等等。
Stack有点像是一个特殊的RelatetiveLayout或者ConstraintLayout，children属性指定了它的子View，第一个是Base View，alignment属性指定了后面的子View相对于BaseView的位置，如alignment: const Alignment(0.6, 0.6)指定了位于BaseView右下角的位置。
ListTile是一个特殊的ListItem，有三个属性，分别是左边的Icon (leading)，文字 (title)，以及右边的Icon (trailing)。
还有诸如ListView，GridView，Card等等比较熟悉的Widgets。