Размер эмодзи на устройствах iOS

На устройствах iOS эмодзи могут отображаться увеличенными при рендеринге внутри виджетов текста, что нарушает задуманный дизайн и макет. В этом руководстве объясняется, как поддерживать единообразный размер эмодзи на всех устройствах с помощью ограничений контейнера и конфигурации авторазмера.

Предварительные требования

• Вы используете виджет Text, который содержит эмодзи.
• Вы нацелены на устройства iOS в рамках развертывания приложения.

Шаги по поддержанию единообразного размера эмодзи

1. Оберните виджет Text в Container
   Создайте Container с фиксированной шириной и высотой (пример 32x32 pixels), чтобы ограничить размер эмодзи.

2. Разместите эмодзи внутри виджета Text
   Добавьте виджет Text, содержащий эмодзи, и поместите его внутрь контейнера.

3. Установите размер шрифта
   Примените конкретный размер шрифта к виджету Text (пример, 16, 24 и т. д.).

4. Включите Auto-Size
   Включите Auto-Size в виджете Text, чтобы разрешить адаптивное изменение размера внутри фиксированного контейнера.

   

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

   подсказка

   Auto-Size работает лучше всего в сочетании с фиксированными размерами контейнера. Этот подход предотвращает увеличенные эмодзи и поддерживает адаптивные макеты.