Repolode
Предложить
jpudysz

jpudysz/react-native-unistyles

Библиотека стилей для React Native, расширяющая StyleSheet темами, адаптивными стилями и вариантами на базе Nitro Modules и JSI.

Открыть на GitHubСайт
Звёзды
2,973
Форки
139
Открытые issues
4
Последний коммит
4 дня назад

Что это?

Unistyles — библиотека стилей для React Native, которая заменяет привычный подход с StyleSheet ядром на C++, доступным через JSI и Nitro Modules. Стили задаются один раз, а затем переключаются между зарегистрированными темами одним вызовом функции и адаптируются к размеру экрана и другим условиям во время выполнения.

Библиотека работает с New Architecture и Fabric и обновляет нативные представления через Shadow Tree, не перерисовывая компоненты React. Она не добавляет компоненты-обёртки, поэтому иерархия представлений остаётся неизменной. Поддерживаются development builds Expo, веб через собственный CSS-подобный парсер с классами и псевдоклассами, а также серверный рендеринг с Next.js.

Для работы проекта нужны React Native 0.85+, React 19+ и Expo SDK 56+ при использовании с Expo. Более старые версии React Native и Old Architecture поддерживает Unistyles 2.0.

Ключевые возможности

  • 01Темы можно зарегистрировать и переключать одним вызовом функции.
  • 02Стили реагируют на размер экрана и другие условия во время выполнения.
  • 03В основе — ядро на C++ со связками JSI и Nitro Modules.
  • 04Не добавляет компоненты-обёртки, сохраняя исходную иерархию представлений.
  • 05Поддерживает веб с классами и псевдоклассами, а также SSR с Next.js.
  • 06Стили можно использовать на разных платформах в монорепозитории.

Сценарии использования

  • Разработка приложения React Native, которому нужны светлая и тёмная темы.
  • Совместное использование набора стилей в нативных мобильных проектах и проектах на React Native Web.
  • Добавление адаптивных макетов в приложение Expo с помощью development builds.
  • Переход кодовой базы React Native на систему стилей, основанную на темах.

Быстрый старт

  1. 1

    Установите библиотеку и её зависимость Nitro Modules

    yarn add react-native-unistyles react-native-nitro-modules
  2. 2

    Следуйте руководству по установке для вашей платформы

Что важно знать

  • Требуется React Native 0.85 или новее с включённой New Architecture и React 19 или новее.
  • Для проектов Expo нужны development-сборки; Expo Go не поддерживается.

Темы

#react-native#styling#theming#responsive-design#typescript#expo#cross-platform#react#react-native-macos#react-native-web

Частые вопросы

Что такое react-native-unistyles?
Библиотека стилей для React Native, расширяющая StyleSheet темами, адаптивными стилями и вариантами на базе Nitro Modules и JSI. Unistyles — библиотека стилей для React Native, которая заменяет привычный подход с StyleSheet ядром на C++, доступным через JSI и Nitro Modules. Стили задаются один раз, а затем переключаются между зарегистрированными темами одним вызовом функции и адаптируются к размеру экрана и другим условиям во время выполнения.
react-native-unistyles можно использовать бесплатно? Какая у него лицензия?
У react-native-unistyles не указана лицензия. Код открыт, но без лицензии нет явного разрешения на его использование — уточните у автора, прежде чем на него полагаться.
react-native-unistyles всё ещё поддерживается?
Активно поддерживается. Последний коммит в react-native-unistyles — 3 нояб. 2026 г..
Для чего можно использовать react-native-unistyles?
Разработка приложения React Native, которому нужны светлая и тёмная темы. Совместное использование набора стилей в нативных мобильных проектах и проектах на React Native Web. Добавление адаптивных макетов в приложение Expo с помощью development builds. Переход кодовой базы React Native на систему стилей, основанную на темах.
Как установить react-native-unistyles?
Установите библиотеку и её зависимость Nitro Modules: yarn add react-native-unistyles react-native-nitro-modules Следуйте руководству по установке для вашей платформы
Где скачать react-native-unistyles?
Исходный код и инструкции по установке — на GitHub: https://github.com/jpudysz/react-native-unistyles

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты