Флаттер, как рассчитать размер виджета по пикселям?

Например, 100 пикселей для Интернета:

Как преобразовать его в ширину во флаттере?

SizedBox(width: 100);

100 здесь во флаттере логично.

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

— 30.05.2024 08:11

flutter

30.05.2024 07:56

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

double pxValue = 100; // Your web pixel value
double logicalWidth = pxValue / MediaQuery.of(context).devicePixelRatio;

SizedBox(width: logicalWidth);

MediaQuery.of(context).devicePixelRatio обеспечивает соотношение логических и физических пикселей на устройстве. Деление pxValue на это соотношение дает приблизительную оценку логической ширины во Flutter.

30.05.2024 08:10

Ответ принят как подходящий

Например, для iPhone 12 разрешение технических характеристик составляет 1170 x 2532 пикселей.

-> Ширина = 1170 пикселей

-> Высота = 2532 пикселей

Затем измерьте с помощью кода Dart, запущенного на iPhone 12:

final logicalWidth = MediaQuery.of(context).size.width; // 390.0
final logicalHeight = MediaQuery.of(context).size.height; // 844.0
final devicePixelRatio = MediaQuery.of(context).devicePixelRatio; // 3.0

поэтому реальная ширина в пикселях (1170) = логическая ширина (390,0) x соотношение пикселей устройства (3,0)

-> 100 пикселей на iPhone 12 на флаттере = 100/3,0 = 33,3

30.05.2024 10:43