文章目录
- 1. 概念介绍
- 2. 使用方法
- 3. 示例代码
我们在上一章回中介绍了扩展内容相关的知识,本章回中将介绍Flexible组件.闲话休提,让我们一起Talk Flutter吧。
1. 概念介绍
我们在前面章回中介绍了扩展列表相关的内容,当页面中其它组件和扩展列表一起使用时,扩展列表有可能会超过屏幕大小,此时可以在扩展列表外层嵌套一个滚动组件
(ScrollView)形成局部列表。或者嵌套一个Flexible组件,该组件的功能和滚动组件类似,只不过不能滚动其中的内容。它本质上是一种容器类组件,可以通过属性
来控制容器占用屏幕的空间大小,类似Android开发中的百分比布局或者约束布局中的百分比属性。本章回中将详细介绍它的使用方法。
2. 使用方法
和其它的Widget类似,Flexible组件提供了相关的属性来控制自己,下面是常用的属性:
- flex属性:用来控制组件占用屏幕空间的比例,它是可选属性,默认值为1;
- child属性:用来存放被包含的组件,相当于容器中的内容;
Flexible组件的属性不多,我们重点说一下flex属性,它类似于android布局属性中的weight属性,默认值为1表示占满整个屏幕空间,只有多个Flexible组件在
一起时才能突出它的效果。稍后我们将在代码中演示;