Виджет AspectRatio

Виджет AspectRatio подгоняет одну сторону под другую так, чтобы width / height равнялось aspectRatio. Например 16/9 даёт широкий кадр, 1 даёт квадрат.

Синтаксис

AspectRatio(
	child: child,
)

Параметры

Параметр	Описание
`child`	Дочерний виджет или список дочерних виджетов.

Пример

Давайте применим AspectRatio на экране:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: AspectRatio(
												child: Text('abcde'),
											),
			),
		),
	);
}

На экране строка 'abcde' внутри области с заданной пропорцией.

Пример

Давайте соберём второй пример с AspectRatio:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: AspectRatio(
												child: Text('abcde'),
											),
			),
		),
	);
}

Второй пример повторяет ту же пропорцию.

Смотрите также

виджет IntrinsicWidth,
который подгоняет ширину по intrinsic дочерних виджетов
виджет OverflowBox,
который позволяет child выходить за границы
виджет UnconstrainedBox,
который снимает ограничения родителя с child
виджет Offstage,
который убирает виджет с экрана