Что это такое?
Модуль для Expo, который добавляет в React Native-приложения на iOS заголовок с плавным градиентным размытием, как в нативных аппах Apple.
Проект / TypeScript
hewad-mubariz/variable-header-blur: Variable Header Blur — нативный iOS-заголовок с градиентным размытием для Expo
Добавляет в React Native-приложения на iOS плавное градиентное размытие заголовка, как в нативных приложениях Apple.
Это модуль для Expo, который реализует нативное переменное размытие для заголовков iOS-приложений. Он позволяет создать эффект, когда верхняя часть заголовка сильно размыта, а к низу размытие плавно сходит на нет, как в системных интерфейсах iOS. Проект...
Для кого это
Для React Native-разработчиков, создающих iOS-приложения через Expo и желающих добавить современные визуальные эффекты интерфейса.
Проблема / задача
В React Native сложно добиться плавного переменного размытия (не просто равномерного блюра), особенно для заголовков, которые должны красиво накладываться на скроллящийся контент.
Как это работает
Модуль использует нативные iOS-технологии: SwiftUI и UIVisualEffectView с приватным фильтром variableBlur. Он создаёт градиентную маску, которая контролирует интенсивность размытия для каждого пикселя сверху вниз. Размытие применяется на уровне нативного слоя, затрагивая только фон, а не дочерние элементы интерфейса.
Что видно по README
Это модуль для Expo, который реализует нативное переменное размытие для заголовков iOS-приложений. Он позволяет создать эффект, когда верхняя часть заголовка сильно размыта, а к низу размытие плавно сходит на нет, как в системных интерфейсах iOS. Проект адаптирует существующее нативное решение для работы в экосистеме React Native и Expo.
Ключевые возможности
Технологии
Интересный факт
Модуль использует приватный iOS-API (variableBlur), который технически может привести к отклонению приложения в App Store, но, по словам автора, уже используется в продакшене без проблем.
С чего начать
- Скопируйте модуль в папку modules/ вашего проекта
- Выполните npx expo prebuild для генерации нативного кода
- Используйте компонент VariableHeaderBlurView как фон для вашего заголовка
Оценка GitRadar
Удобство
6/10
Свежесть
8/10
Перспектива
5/10
Монетизация
4/10
Общая оценка
6/10
Вердикт GitRadar
Стоит попробовать, если вы разрабатываете iOS-приложение на Expo и хотите добавить профессиональный визуальный штрих. Однако нужно быть готовым к ограничениям: нет поддержки Android и Expo Go, требуется сборка с нативным кодом.
Наблюдения по обновлениям
Проект выглядит как личная разработка или proof of concept. Мало звёзд, нет форков и issues. Код есть, пример работает, но публикации в npm нет — нужно копировать модуль вручную.
Что мы проверили
Карточка собрана по данным GitHub, README и структуре репозитория. Это не официальная документация проекта.
- Исходный репозиторий
- https://github.com/hewad-mubariz/variable-header-blur
- Создан на GitHub
- 10 апреля 2026 г.
- Последнее обновление репо
- 10 апреля 2026 г.
- Последняя проверка GitRadar
- 10 апреля 2026 г.
- Изученные файлы
- README.md, app.json, package.json, src/app/index.tsx, modules/variable-header-blur/index.ts, src/hooks/use-color-scheme.ts
FAQ
Для кого подходит?
Для React Native-разработчиков, которые делают iOS-приложения через Expo и хотят улучшить визуал интерфейса нативными эффектами.
Источники
Нужна помощь с hewad-mubariz/variable-header-blur?
Если проект подходит под ваш сценарий, можем помочь с установкой, интеграцией, доработкой или аккуратным форком под вашу инфраструктуру.