首页 > 其他分享 >Flutter的布局方式有哪些

Flutter的布局方式有哪些

时间:2023-08-19 22:03:21浏览次数:43  
标签:将子 控件 自定义 哪些 可以 布局 Wrap Flutter

 

1)常用布局
1、Row:行布局,将子控件水平排列。

2、Column:列布局,将子控件垂直排列。

3、Stack:层叠布局,将子控件叠加显示。

4、Expanded:扩展布局,占据剩余空间。

5、Flexible:灵活布局,根据子控件大小分配空间。

6、SizedBox:固定尺寸布局,设置宽高。

7、Positioned:绝对定位布局,通过设置相对于父控件的位置来定位。

8、Wrap:流式布局,根据子控件大小自动换行排列。

9、GridView:网格布局,将子控件按照网格形式排列。

10、ListView:列表布局,将子控件按照列表形式排列。

11、CustomMultiChildLayout:自定义多子控件布局,开发者可以自定义多个子控件的相对位置。

12、Flow:流式布局,根据子控件大小自动排列,并支持自定义布局策略。

13、Table:表格布局,将子控件按照表格形式排列,可以指定行列数、单元格宽高等属性。

14、CustomSingleChildLayout:自定义单子控件布局,开发者可以自定义一个子控件的位置和大小。

15、IndexedStack:索引堆叠布局,将多个子控件按照指定的顺序堆叠显示,通过指定索引来控制显示哪一个子控件。

16、Wrap:流式布局,和前面提到的 Wrap 布局类似,但是可以指定子控件的对齐方式和间距等属性。

17、Flow和Wrap的子类WrapAlignment、WrapCrossAlignment可以对其方向和对齐方式进行调整。

 

2)进阶的布局方式
1、Sliver:可滚动布局,支持灵活的滚动效果,可以实现复杂的滚动效果和吸顶效果等。

2、CustomPaint:自定义绘制布局,通过继承 CustomPainter 类,实现自定义的绘制逻辑,可以实现一些特殊的 UI 效果。

3、CustomScrollView:自定义滚动视图,可以自定义滚动行为,支持多种 Sliver 布局,灵活可扩展。

4、Flow和Wrap的子类FlowDelegate、WrapParentData可以实现更加复杂的布局逻辑。

 

3)辅助布局方式的组件和工具
1、MediaQuery:获取当前设备的屏幕尺寸和方向等信息,可以用于实现响应式布局。

2、FractionallySizedBox:按比例分配空间的布局,可以根据实际需求调整子控件的大小。

3、FittedBox:自适应缩放布局,可以根据子控件大小自动缩放,以适应父控件的大小。

4、Baseline:基准线布局,可以根据子控件的基线来进行对齐。

5、Spacer:空隙布局,可以在 Row 和 Column 布局中占据剩余的空间,类似于 Expanded。

6、LayoutBuilder:布局构建器,可以根据父控件的大小来动态构建子控件,适用于一些需要动态调整布局的场景。

标签:将子,控件,自定义,哪些,可以,布局,Wrap,Flutter
From: https://www.cnblogs.com/huangzs/p/17643186.html

相关文章

  • 卓钥商学苑:创业期间被合伙人背叛了怎么办?处理方式有哪些?
    来源:BV1bh411P7ef合伙人背叛了你怎么办?处理方式有哪些?当您选择和其他人一起创业,您会很快发现,与人合作还是很容易出现问题的。有些人在面对困难时可能会逃避,甚至会背叛您。这不仅会对您的事业产生负面影响。而且会给您带来巨大的心理压力和痛苦。那么当您的合作伙伴背叛您时,您......
  • tk的一个布局demo
    效果代码importtkinterastkfromtkinterimportscrolledtextimportrequestsdefQ_A(data):headers={'origin':'https://chat2.jinshutuan.com','referer':'https://chat2.jinshutuan.com/&......
  • 以太坊公开的测试网络有哪些?
    以太坊公开的测试网络有以下4个:Morden:已退役,是以太坊官方提供的测试网络,2016年11月时,由于难度炸弹已经严重影响出块速度,不得不退役,Morden的共识机制为PoW。Ropsten:是以太坊官方提供的测试网络,是为了解决Morden难度炸弹问题而重新启动的一条区块链,目前仍在运行,共识机制为PoW。Kovan:......
  • XSS攻击是什么?它有哪些类型?
    xss攻击是什么?XSS全称是CrossSiteScripting即跨站脚本,当目标网站目标用户浏览器渲染HTML文档的过程中,出现了不被预期的脚本指令并执行时,XSS就发生了。作为一种HTML注入攻击,XSS攻击的核心思想就是在HTML页面中注入恶意代码,而XSS采用的注入方式是非常巧妙的。在XSS攻击中,一般有三个......
  • 全球都有哪些高光谱遥感卫星?
      本文对目前国内外的高光谱遥感卫星加以汇总,并对主要卫星进行参数介绍与对比。目录1引言2全球主要星载高光谱数据介绍2.1EOSAM-1MODIS2.2MightySat-2.1FTHSI2.3EO-1Hyperion2.4PROBA-1CHRIS2.5ADEOS-2GLI2.6环境一号HJ-1A卫星2.7珠海一号OHS高光谱卫星2.8高......
  • 三大线上知识付费平台有哪些,体验如何
    离开学校以后,投资自己的不懈学习成为了我认为最明智的选择之一。虽然我从事教培咨询行业,但我也是知识付费领域的资深探索者。在这里,我将以用户的身份,分享我在三大线上知识付费平台的体验,希望能为大家提供一些参考。同时,我想向您介绍一款备受欢迎的私域场景下的知识付费解决方案—......
  • 现代CSS布局技术:Flexbox和Grid的使用指南和最佳实践
    在现代Web开发中,CSS布局技术变得越来越重要。Flexbox和Grid是两种常用的CSS布局技术,它们可以帮助我们创建灵活、可维护的布局。Flexbox布局Flexbox是一种基于弹性盒子模型的布局技术,它可以让我们更加容易地创建水平或垂直方向上的布局。以下是Flexbox的常见属性:容器属性disp......
  • 恒创科技:如何搭建游戏服务器?有哪些操作步骤
    ​选择游戏服务器提供商为确保游戏服务器的稳定运行和及时响应问题,选择一个正规、靠谱的游戏服务器提供商非常重要。选择服务器操作系统根据不同游戏的需求,选择适合的操作系统,通常可选择Linux或WindowsServer操作系统。上传、安装游戏程序根据不同游......
  • 2023年爬虫有哪些好用的付费代理IP?芝麻代理品易代理快代理熊猫代理……
    在我加班到凌晨2点的时候,第N次收到HTTP代理返回:项目是没办法接着做了,回家也是不可能回家的,烦得很一时半会还没想走,这种情况谁懂?开始知乎摸鱼,翻到这个:哈?这不就是1*88源头厂家的意思?????说这个我可就立马福尔摩斯附体了啊,今天我可非得找到你这个家伙!中间曲折的过程我就不重复说了,直接给我......
  • ERPNEXT 二次开发需要学习哪些技术?
    ERPNext是一款开源的企业资源规划(ERP)软件,用于管理企业的各种业务流程,包括财务、库存、采购、销售、人力资源等。要学习二开ERPNext,您需要掌握以下技术和概念:Python编程语言:ERPNext是用Python编写的,因此对Python编程语言的了解是必要的。您需要理解Python的基本语法、数据结......