Flutter——AspectRatio组件
2024-08-28 08:16:27
AspectRatio 的作用是根据设置调整子元素 child 的宽高比。
AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展,widget 的高度是由宽度和比率决定的,类似于 BoxFit 中的 contain,按照固定比率去尽量占满区域。
如果在满足所有限制条件过后无法找到一个可行的尺寸,AspectRatio 最终将会去优先适应布局限制条件,而忽略所设置的比率。
AspectRatio组件常用的属性:
属性 | 说明 |
aspectRatio |
宽高比,最终可能不会根据这个值去布局,具体则要看综合因素,外层是否允许按照这种比率进行布局,这只是一个参考值。
|
child | 子组件 |
import 'package:flutter/material.dart'; void main() {
runApp(MaterialApp(
title: "AspectRatioWidget",
home: MyApp(),
));
} class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: Container(
width: 200,
color: Colors.redAccent,
child: AspectRatio(
aspectRatio: 2.0/1.0,
child: Container(
color: Colors.green,
),
),
),
);
}
}
最新文章
- bootstrap开发一个简单网页。
- Your awesome titleHH
- .NET/ASP.NET MVC(模块化开发AraeRegistration)
- missing locales
- Leetcode#146 LRU Cache
- wordpress迁移
- Tsinghua dsa mooc pa1
- swiper实现触摸滑动
- HttpListener 实现web服务端
- BootStrap教程完整版
- MySQL 在Windows平台上的安装及实例多开
- day 7-12 数据库的基本操作和存储引擎
- 文件内容比较difflib
- <;!DOCTYPE>;标签与table高度100% (转)
- 使用echo命令清空tomcat日志文件
- ASP.NET中相对路径的使用总结
- helm 安装prometheus operator 并监控ingress
- nginx缓存原理
- web 应用中访问 Spring 具体实现
- Yarn源码分析之事件异步分发器AsyncDispatcher
热门文章
- 细说可空类型 nullable PropertyType
- 01.轮播图之三 : collectionView 轮播
- 【miscellaneous】gstreamer构建的简单方法
- 最新 东方财富java校招面经 (含整理过的面试题大全)
- iostat (转https://www.cnblogs.com/ftl1012/p/iostat.html)
- 学习笔记:oracle学习二:oracle11g数据库sql*plus命令之常用sqlplus命令、格式化查询结果
- Java操作word转pdf
- P3205 [HNOI2010]合唱队
- python学习-24 局部变量与全局变量
- MongoDB 正则表达式查询