FractionallySizedBox

最新推荐文章于 2024-09-23 14:04:00 发布

转载最新推荐文章于 2024-09-23 14:04:00 发布 · 213 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pythonClub/p/10570901.html

文章标签：

#移动开发

博客介绍了在一个区域里获取百分比尺寸的方法，如获取高度40%、宽度70%的区域，还提到AspectRatio也能达到近似效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(home: new MyApp()));
}


class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Container(
      color: Colors.blue,
      height: 150.0,
      width: 150.0,
//      padding: const EdgeInsets.all(10.0),
      child: new FractionallySizedBox(
        alignment: Alignment.topLeft,
        widthFactor: 0.5,
        heightFactor: 0.5,
        child: new Container(
          color: Colors.red,
        ),
      ),
    );
  }
}

当需要在一个区域里面取百分比尺寸的时候，可以使用这个，比方说，高度40%宽度70%的区域。当然，AspectRatio也可以达到近似的效果。

转载于:https://www.cnblogs.com/pythonClub/p/10570901.html