Repolode
Enviar
jpudysz

jpudysz/react-native-unistyles

Una biblioteca de estilos para React Native que amplía StyleSheet con temas, estilos adaptables y variantes, basada en Nitro Modules y JSI.

Ver en GitHubSitio web
Estrellas
2,973
Forks
139
Issues abiertos
4
Último commit
hace 4 días

¿Qué es?

Unistyles es una biblioteca de estilos para React Native que sustituye el flujo de trabajo habitual con StyleSheet por un núcleo en C++ expuesto mediante JSI y Nitro Modules. Los estilos se definen una sola vez y se pueden cambiar entre temas registrados con una sola llamada a una función; además, se adaptan al tamaño de la pantalla y a otras condiciones de ejecución.

La biblioteca funciona con la Nueva Arquitectura y Fabric, y actualiza las vistas nativas a través del Shadow Tree en lugar de volver a renderizar los componentes de React. No añade componentes contenedores, por lo que la jerarquía de vistas se mantiene igual. Es compatible con las compilaciones de desarrollo de Expo, con web mediante un parser personalizado, similar a CSS, que admite clases y pseudoclases, y con el renderizado del lado del servidor mediante Next.js.

El proyecto requiere React Native 0.85+, React 19+ y Expo SDK 56+ si se usa con Expo. Unistyles 2.0 es compatible con versiones anteriores de React Native y con la Arquitectura anterior.

Funciones clave

  • 01Los temas se pueden registrar y cambiar con una sola llamada a una función.
  • 02Los estilos responden al tamaño de la pantalla y a otras condiciones de ejecución.
  • 03Se basa en un núcleo en C++ con bindings de JSI y Nitro Modules.
  • 04No añade componentes contenedores, por lo que mantiene limpia la jerarquía de vistas.
  • 05Es compatible con web mediante clases y pseudoclases, además de SSR con Next.js.
  • 06Los estilos se pueden compartir entre plataformas en un monorepo.

Casos de uso

  • Crear una aplicación de React Native que necesite temas claros y oscuros.
  • Compartir un conjunto de estilos entre proyectos móviles nativos y de React Native Web.
  • Añadir diseños adaptables a una aplicación de Expo mediante compilaciones de desarrollo.
  • Migrar una base de código de React Native hacia un sistema de estilos basado en temas.

Inicio rápido

  1. 1

    Instala la biblioteca y su dependencia Nitro Modules

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

    Sigue la guía de instalación de tu plataforma

Antes de usarlo

  • Se requiere React Native 0.85 o posterior con New Architecture y React 19 o posterior.
  • Los proyectos de Expo necesitan compilaciones de desarrollo; Expo Go no es compatible.

Temas

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

Preguntas frecuentes

¿Qué es react-native-unistyles?
Una biblioteca de estilos para React Native que amplía StyleSheet con temas, estilos adaptables y variantes, basada en Nitro Modules y JSI. Unistyles es una biblioteca de estilos para React Native que sustituye el flujo de trabajo habitual con StyleSheet por un núcleo en C++ expuesto mediante JSI y Nitro Modules. Los estilos se definen una sola vez y se pueden cambiar entre temas registrados con una sola llamada a una función; además, se adaptan al tamaño de la pantalla y a otras condiciones de ejecución.
¿react-native-unistyles es gratuito? ¿Qué licencia tiene?
react-native-unistyles no declara ninguna licencia. Su código es público, pero sin licencia no tienes permiso explícito para reutilizarlo; consulta al autor antes de depender de él.
¿react-native-unistyles sigue mantenido?
Mantenimiento activo. El último commit de react-native-unistyles fue el 3 nov 2026.
¿Para qué puedo usar react-native-unistyles?
Crear una aplicación de React Native que necesite temas claros y oscuros. Compartir un conjunto de estilos entre proyectos móviles nativos y de React Native Web. Añadir diseños adaptables a una aplicación de Expo mediante compilaciones de desarrollo. Migrar una base de código de React Native hacia un sistema de estilos basado en temas.
¿Cómo se instala react-native-unistyles?
Instala la biblioteca y su dependencia Nitro Modules: yarn add react-native-unistyles react-native-nitro-modules Sigue la guía de instalación de tu plataforma
¿Dónde consigo react-native-unistyles?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/jpudysz/react-native-unistyles

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados