Как правильно масштабировать интерфейс Flutter?

Question

Какой будет самый правильный способ масштабирования интерфейса в зависимости от размера экрана? Я вижу так много разных версий того, что люди говорят, что это правильно, или что не очень хороший способ реализовать такую ​​вещь. Я использовал технику, где Вы разбиваете экран на 100 блоков, а затем используете проценты для достижения одинакового «размера» на всех дисплеях -> https://medium.com/flutter-community/flutter-effectively-scale-ui-according-to-different-screen-sizes-2cb7c115ea0a, но я также видел людей, использующих Expanded и Flex ? Может кто-нибудь указать мне правильный способ сделать это? Я искал документацию, но не могу найти конкретного ответа. Спасибо!

Answer 1

Существует два основных подхода c к созданию приложений Flutter с адаптивным дизайном. Responsive означает, что он адаптируется к разным размерам экрана:

Вот два способа:

1.

Использовать LayoutBuilder class Из его свойства builder вы получаете объект BoxConstraints. Изучите свойства ограничения, чтобы решить, что отображать.

2.

Используйте метод MediaQuery.of() в ваших функциях сборки. Это дает вам размер, ориентацию и т. Д. c из Ваше текущее приложение.

Для получения более подробной информации о создании адаптивных приложений во Flutter, перейдите по ссылке ниже, она ведет к Flutter Official Documentation.

Flutter Документация по созданию адаптивных приложений apps

Надеюсь, это поможет.