Разве флаттер не должен уменьшать или увеличивать изображения и текст в зависимости от дизайна? Почему я вижу большую разницу? - PullRequest
Новая
       64

Разве флаттер не должен уменьшать или увеличивать изображения и текст в зависимости от дизайна? Почему я вижу большую разницу?

0 голосов
/ 22 мая 2019

У меня есть приложение, которое должно соответствовать дизайну, но проблема, с которой я сталкиваюсь, заключается в том, что из-за различий в разрешениях содержимое приложения выглядит небольшим по сравнению с другими приложениями.Я предоставил снимок экрана с двумя различными устройствами (Samsung Galaxy S10 5G и LG X500) и оригинальный дизайн Sketch, чтобы показать, что я пытаюсь прояснить.

Мой дизайнер говорит мне преобразовать pt в dp врешить текущую проблему, с которой мы сталкиваемся, но разве Флаттер не делает это уже?Вчера я нашел источник, объясняющий это: Что такое единица измерения во флаттере

Я не пробовал ничего другого, кроме обычного способа реализации во Флаттере, поэтому я очень запутался и

2 устройства:

enter image description here

оригинальный эскизный проект:

enter image description here

Текст: 

Text( '\$', 
  style: TextStyle( 
    fontSize: 28, 
    color: Colors.white, 
    fontFamily: 'poppins_light', 
    height: 0.7 
  ), 
),

Image.asset('assets/images/refresh.png', height:16.0, width: 16.0,),

Я хотел бы знать, есть ли еще разработчики, которые сталкиваются с той же проблемой, что и я, и какие решения существуют для решениятекущая проблема, с которой я столкнулся.

Редактировать:

У меня появилась лучшая альтернатива для масштабирования текста с кодом ниже (вставьте в виджет MaterialApp / корень изкод): 

builder: (context, child) {
  return MediaQuery(
    child: child,
    data: MediaQuery.of(context).copyWith(textScaleFactor: 1.20),
  );
},

1 Ответ

1 голос
/ 22 мая 2019

Дело в том, что DP к размеру экрана не является постоянным отношением.

Flutter использует DP, но характеристики устройства позволяют предположить, что он может казаться больше / меньше на разных экранах.

По этой причине вы должны просто использовать значения, предоставленные вашим дизайнером, и позволить этому быть.

...