フラッター - アスペクト比のコンポーネント

アクションは、アスペクト比に子供の調整アスペクト比の子要素の設定に基づいています。

アスペクト比が第1の許容範囲内のレイアウトの制約内で可能な限り延長され、ウィジェットの高さは、幅の比によって決定されると、同様のBoxFitで固定面積率を満たすために可能な限り含みます。

すべての後に制限が満たすために実行可能なサイズを見つけることができない場合は、アスペクト比、最終的な優先順位が設定された比率を無視して、レイアウトの制約を適応させることになります。

 

アスペクト比コンポーネント共通の属性：

プロパティ	説明
アスペクト比	アスペクト比、及び最終的なレイアウトには、この値に基づいてもなくてもよいが、要素の特定の組み合わせに依存するであろう、外側の層は、この比にレイアウトすることが許可され、それは参考値です。
子	サブコンポーネント

 

 

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