首页 > 其他分享 >flutter Container 在Expanded会占用尽可能大的区域

flutter Container 在Expanded会占用尽可能大的区域

时间:2023-01-29 11:14:41浏览次数:43  
标签:Container Expanded 设置 child size flutter constraints

布局特点

一、Container在不设置宽高的情况下,它的size取决于

  1. 如果设置了child,那么它会尽可能小,在没有设置constraints情况下,相当于child的大小。
  2. 如果没有设置child,那么它会尽可能大,在没有设置constraints情况下,相当于parent的大小。

二、Container在设置了宽高的情况下,它在size取决于

  1. 如果同时设置宽高与constraints,优先以设置的宽高为准,如果宽高不在constraints范围内会无效。
  2. 如果设置了child,那么它会尽可能小,相当于constraints的最小值(不管child的大小)。
  3. 如果没有设置child,那么它会尽可能大,相当于constraints的最大值。

constraints是一个约束大小的属性,相当于一个size范围,使Container不会小于最小size,不会超过最大size。

但是,Container在Expanded中,即使设置了child它任然会占用尽可能大的区域:原因是Expanded继承Flexible,其

fit属性设置为:FlexFit.tight。所以如果需要Container占用尽可能少又要按比例占据一块区域,则替换Expanded为Flexible并且修改fit属性为:
FlexFit.loose

标签:Container,Expanded,设置,child,size,flutter,constraints
From: https://www.cnblogs.com/bg-tab/p/17072051.html

相关文章

  • 1.2 初识 Flutter
    1.2.1Flutter简介Flutter是Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过Dart语言开发App,一套代码同时运行在iOS和Android......
  • flutter 常用命令
    相关项目操作查看Flutter版本查看当前版本flutter--version查看所有版本flutterversion打印所有命令行用法信息 flutter-h或者flutter......
  • 通过 eShopOnContainers 项目学习一下微服务
    这里是项目地址https://github.com/dotnet-architecture/eShopOnContainers,这是微软创建的一个基于.NET平台的微服务架构的示例应用程序,里面基本上市面上主流的时髦的......
  • [Docker] Storing Container Data in AWS S3
    StoringContainerDatainAWSS3IntroductionUsingDockervolumesisthepreferredmethodofstoringcontainerdatalocally.Volumesupportisbuiltdirectly......
  • flutter:设置当前的channel并更新版本(从master切换到stable)
    一,查看当前flutter和dart的版本:说明:我们当前的channel是master,所以可以看到flutter和dart版本均为pre或dev版本:liuhongdi@liuhongdideMacBook-Pro~%flutter--ve......
  • Flutter实战-第二版
    第二版序本书是Flutter中国开源项目 (opensnewwindow)发起人杜文(网名wendux)创作的一本系统介绍Flutter技术的中文书籍,旨在帮助开发者系统地、循序渐进地了解Flutter......
  • MAC M1芯片架构问题 Flutter 项目里用的flutter_blue库比较老,导致报该错误
    1. flutter_blue里面修改配置https://www.jianshu.com/p/b450a5589b33 不要直接打开Flutter项目,用AndroidStudio打开项目里的android目录,  由于我的项目......
  • Mac搭建Flutter环境
    1.终端输入命令:vi.bash_profile2.复制:exportPATH="$PATH:/Users/dy/Desktop/flutter/bin:$PATH"exportPUB_HOSTED_URL=https://pub.flutter-io.cnexportFLUTTER_S......
  • macOS 上安装和配置 Flutter 开发环境
    本文基于此:Flutter中文网一、安装和运行Flutter的系统环境要求想要安装并运行Flutter,你的开发环境需要最低满足以下要求:操作系统:macOS磁盘空间:2.8GB(不包括IDE/......
  • 深入理解flutter中的state
    flutter中如果使用widget,那么无可避免的就要接触到StatelessWidget和StatefulWidget这两样东西,这两样东西表示什么呢?首先我们需要明白flutter中的编程范式,flutter......