码迷,mamicode.com
首页 > Web开发 > 详细

Flutter——AspectRatio组件

时间:2019-12-06 11:52:45      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:oid   widget   enter   title   说明   tab   限制   aspect   参考   

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,
          ),
        ),
      ),
    );
  }
}

 

Flutter——AspectRatio组件

标签:oid   widget   enter   title   说明   tab   限制   aspect   参考   

原文地址:https://www.cnblogs.com/chichung/p/11994046.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!