🔥 Liquid Glass Renderer — эффект «жидкого стекла» теперь и во Flutter!

Новый пакет liquid_glass_renderer позволяет Flutter-разработчикам воссоздать визуальный стиль, вдохновлённый новым языком дизайна Apple — Liquid Glass, представленным на WWDC 2025 вместе с iOS 26, macOS Tahoe и другими платформами.

Что такое Liquid Glass?

Liquid Glass — это современный визуальный стиль с эффектами стеклянности, динамической прозрачности, глубины и плавного взаимодействия слоёв. Его основа — реалистичное поведение света и стекла в интерфейсах.

Теперь и во Flutter:

🧊 Эффект жидкого стекла: просто оберни любой виджет в LiquidGlass
🧬 Слои, которые сливаются между собой как настоящая жидкость
🎨 Гибкая настройка — толщина, цвет, освещение, блики, размытие
⚡️ Высокая производительность благодаря поддержке Impeller и шейдерам

Пример:

LiquidGlass(
  shape: LiquidRoundedSuperellipse(
    borderRadius: Radius.circular(50),
  ),
  child: const SizedBox(
    height: 200,
    width: 200,
    child: Center(child: FlutterLogo(size: 100)),
  ),
)

Важно:

Работает только на Impeller (поддержка Web, Windows, Linux — пока нет)

Поддерживается до 3 стеклянных фигур в одном LiquidGlassLayer

Установка:

flutter pub add liquid_glass_renderer

Импорт:

import 'package:liquid_glass_renderer/liquid_glass_renderer.dart';

Оцените эффект Liquid Glass сами — теперь вы можете создавать интерфейсы нового уровня прямо во Flutter!

#flutter #dart #liquidglass #design #WWDC2025 #FlutterUI #FlutterEffects #MobileDev #AppDesign #flutterpulse

A/B тестирование иконок приложения в Apple Store

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

Шаги для A/B тестирования иконок приложения:

1 - Откройте Xcode и создайте несколько иконок.
2 - Выберите этот пункт, обратите внимание, что имя иконки по умолчанию - это имя, которое мы предоставляем в активах.
3 - Отправьте новую сборку и дождитесь ее валидации.
4 - Создайте новую "оптимизацию страницы продукта".


# Пример кода для создания альтернативных иконок
// Создание альтернативных иконок в Xcode
// Шаг 1: Откройте Xcode и перейдите в раздел Assets
// Шаг 2: Создайте новые наборы иконок
// Шаг 3: Настройте Info.plist для использования альтернативных иконок
<key>CFBundleIcons</key>
<dict>
<key>CFBundleAlternateIcons</key>
<dict>
<key>MyAlternateIcon</key>
<dict>
<key>CFBundleIconFiles</key>
<array>
<string>alternate-icon</string>
</array>
</dict>
</dict>
</dict>


Теперь вам нужно отправить этот тест на валидацию (снова).

Советы:
- Предпочитайте делать только одно изменение за тест.
- Не меняйте скриншоты при смене иконки. Так вы будете знать, что отвечает за новые данные.

Оцените новую рубрику и напишите свое мнение! 👍💬

Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileAppDevelopment #AppStoreOptimization #ABTesting #UIUX #AppDesign #FlutterTips