Flutter——AspectRatio组件

2021-05-14 04:27

阅读：542

标签：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

上一篇：js的reduce方法

下一篇：Kubernetes安装helm

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：Flutter——AspectRatio组件
文章链接：http://soscw.com/index.php/essay/85447.html

亲，登录后才可以留言！

Flutter——AspectRatio组件

评论

热门文章

推荐文章

最新文章

置顶文章