本文主要是介绍Flutter学习之组件组合要点,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
Flutter 功能的开发,可以总结为将基础组件组合并赋予一些交互行为的过程,因此需要掌握组件组合的一些要点。
由于动态组件和静态组件的特点,因此在组合的时候要非常注意,动态组件下的子组件如果过多,则在组件更新的时候,会导致其子组件的全部更新,从而引发性能问题。因此在组件组合的时候需要有一些避免的规则来参考,下面这几点是我自己整理的一套原则。
1.尽可能减少动态组件下的静态组件;
2.数据来源相同的部分组合为同一组件;
3.使用行或者列作为合并的条件;
4.功能相同的部分,转化为基础组件;
5.合并后根节点的为 Container。
Flutter 中基础组件介绍
Flutter 内部包含一些基础的无状态组件,在组件设计的时候,需要对基础组件有一定认识。本课时所使用的 Flutter 基础组件(这里我只简单介绍本课时所使用的组件,更多组件请参考官网文档)包括:
Text,文本显示组件,里面包含了文本类相关的样式以及排版相关的配置信息;
Image,图片显示组件,里面包含了图片的来源设置,以及图片的配置;
Icon,Icon 库,里面是 Flutter 原生支持的一些小的 icon ;
FlatButton,包含点击动作的组件;
Row,布局组件,在水平方向上依次排列组件;
Column,布局组件,在垂直方向上依次排列组件;
Container,布局组件,容器组件,这点有点类似于前端中的 body ;
Expanded,可以按比例“扩伸” Row、Column 和 Flex 子组件所占用的空间 ,这点就是前端所介绍的 flex 布局设计;
Padding,可填充空白区域组件,这点和前端的 padding 功能基本一致;
ClipRRect,圆角组件,可以让子组件有圆形边角。
这篇关于Flutter学习之组件组合要点的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!