Flutter学习笔记3 (Layout)

今天跟着Flutter官方教程关于Layout的教程做了一遍。这个例子非常不错。

https://flutter.io/tutorials/layout

现在对于Flutter的Layout有了一定的了解。Swift是通过图形化界面或者代码来进行布局,而Flutter的layout比较像做网页,是按照前端的思路来设计的,感觉更加简单,也很有意思。

Flutter的Layout很多概念和W3C里是相似的,比如padding,border, margin, content,在传统网页CSS中都有详细的定义。

一个比较复杂的界面,在这个例子中进行了详细的分解,基本都是List包含了几个部分,每个部分由行或者列构成,而一行内容里面可能又是由几列组成。

其中最常用到的组件就是Container,可以用它来增加padding等,更精细地调整组件的位置。

https://docs.flutter.io/flutter/widgets/Container-class.html

总结一下就是,Flutter里的所有UI都是由Widget组成,一个复杂的界面可以分解成简单的部分组合而成。

下一个准备练习研究一下Flutter里UI的交互。

猜你喜欢

转载自blog.csdn.net/starshus/article/details/81154312