Flutter 中的 AspectRatio 小部件：全面指南

作者：System 时间：2024年08月09日分类：所有,flutter 字数：664

在Flutter中，AspectRatio小部件用于根据给定的宽度和宽高比调整子部件的大小。以下是如何使用AspectRatio的示例代码：




import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: AspectRatio(
            aspectRatio: 2.0 / 1.0, // 宽高比为2:1
            child: Container(
              color: Colors.blue,
            ),
          ),
        ),
      ),
    );
  }
}

在这个例子中，AspectRatio的aspectRatio属性被设置为2.0 / 1.0，意味着子部件的宽度是高度的两倍。Container小部件被用作子部件，并设置了蓝色背景。当你运行这个应用时，你会看到一个宽高比为2:1的蓝色矩形框。

Flutter 中的 AspectRatio 小部件：全面指南

评论已关闭

推荐阅读