欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 新闻 > 国际 > Flexible组件的用法

Flexible组件的用法

2025/1/4 10:48:32 来源:https://blog.csdn.net/talk_8/article/details/142650458  浏览:    关键词:Flexible组件的用法

文章目录

  • 1. 概念介绍
  • 2. 使用方法
  • 3. 示例代码

我们在上一章回中介绍了扩展内容相关的知识,本章回中将介绍Flexible组件.闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1. 概念介绍

我们在前面章回中介绍了扩展列表相关的内容,当页面中其它组件和扩展列表一起使用时,扩展列表有可能会超过屏幕大小,此时可以在扩展列表外层嵌套一个滚动组件
(ScrollView)形成局部列表。或者嵌套一个Flexible组件,该组件的功能和滚动组件类似,只不过不能滚动其中的内容。它本质上是一种容器类组件,可以通过属性
来控制容器占用屏幕的空间大小,类似Android开发中的百分比布局或者约束布局中的百分比属性。本章回中将详细介绍它的使用方法。

2. 使用方法

和其它的Widget类似,Flexible组件提供了相关的属性来控制自己,下面是常用的属性:

  • flex属性:用来控制组件占用屏幕空间的比例,它是可选属性,默认值为1;
  • child属性:用来存放被包含的组件,相当于容器中的内容;
    Flexible组件的属性不多,我们重点说一下flex属性,它类似于android布局属性中的weight属性,默认值为1表示占满整个屏幕空间,只有多个Flexible组件在
    一起时才能突出它的效果。稍后我们将在代码中演示;

3. 示例代码

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com