Descarga gluestack style - Descargar código fuente gluestack style

gluestack style

Código Fuente de IA

@gluestack-style

Descargar

⛔️ Deprecido

Hemos desaprobado este repositorio y migraron nuestra base de código a una nueva estructura de repositorio mono, siga este enlace para acceder a nuestras últimas actualizaciones y funciones.

Una biblioteca que le permite usar CSS en su reaccionamiento y reaccionar proyectos nativos de una manera moderna, poderosa y flexible. gluestack-style le permite escribir CSS usando JavaScript, lo que le permite aprovechar el poder y la expresividad de ambos idiomas. Con su API simple e intuitiva, puede crear fácilmente estilos dinámicos, diseño receptivo y manejar temas para sus aplicaciones.

Documentación

Puede encontrar documentación detallada para cada componente, incluida una lista de accesorios y ejemplos, en https://guestack.io/style/docs/getting-started/Installation Sitio web.

Características

Estilos dinámicos: con expresiones de JavaScript, puede crear estilos dinámicos que cambien según el estado de sus componentes.
Soporte de representación del lado del servidor (SSR): esto le permite usar los mismos estilos en el servidor y el cliente, lo que facilita la implementación de SSR para sus aplicaciones React.
Estilo receptivo :: Esto le permite crear fácilmente estilos receptivos que se adaptan a diferentes tamaños y resoluciones de pantalla.
Soporte del tema: puede definir y cambiar fácilmente entre diferentes temas para su aplicación, lo que permite un diseño consistente en todas las páginas.
Actualizaciones frecuentes: estamos trabajando constantemente en mejorar la biblioteca y agregar nuevos componentes. Síguenos en Github para mantenerse al día con las últimas versiones y características.
Soporte de la comunidad: ¿Necesita ayuda para usar la biblioteca o tener una sugerencia para una nueva característica? Únase a nuestro canal Discord para conectarse con la comunidad y obtener apoyo.

Instalación `gluestack-style`

Para usar gluestack-style , todo lo que necesita hacer es instalar el paquete @gluestack-style/react y sus dependencias de pares:

$ yarn add @gluestack-style/react

# or

$ npm i @gluestack-style/react

Pila de tecnología

JavaScript, React, React Native, Sistema de estilo

Uso

Para usar el gluestack-style en su proyecto, siga estos pasos:

Envuelva su aplicación con el StyledProvider proporcionado por @Gluestack Style/React .

 import { StyledProvider } from '@gluestack-style/react' ;

// Do this at the root of your application
function App ( { children } ) {
  return < StyledProvider > { children } </ StyledProvider > ;
}

Ahora puede usar @gluestack-style/react para peinar sus componentes utilizando la función styled proporcionada por la biblioteca. Por ejemplo:

 import React from 'react' ;
import { styled , StyledProvider } from '@gluestack-style/react' ;

const StyledButton = styled (
  Pressable ,
  {
    bg : '$red500' ,
    p : '$3' ,
  } ,
  { }
) ;

const StyledButtonText = styled ( Text , { } , { } ) ;

export const App = ( ) => {
  return (
    < StyledProvider >
      < StyledButton >
        < StyledButtonText > Button </ StyledButtonText >
      </ StyledButton >
    </ StyledProvider >
  ) ;
} ;

Más guías sobre cómo comenzar están disponibles aquí.

Que contribuye

¡Agradecemos las contribuciones al gluestack-style ! Si tiene una idea para un nuevo componente o una corrección de errores, lea nuestras instrucciones de guía de contribución sobre cómo enviar una solicitud de extracción.