Download gluestack style - download de código fonte gluestack style

gluestack style

Código-Fonte de IA

@gluestack-style

Baixar

⛔️ Depreciado

Depreciamos esse repositório e migramos nossa base de código para uma nova estrutura de repositório mono, siga este link para acessar nossas atualizações e recursos mais recentes.

Uma biblioteca que permite que você use CSS em seus projetos nativos React e React com uma maneira moderna, poderosa e flexível. gluestack-style permite que você escreva CSS usando JavaScript, que permite tirar proveito do poder e da expressividade de ambos os idiomas. Com sua API simples e intuitiva, você pode criar estilos dinâmicos facilmente, design responsivo e lidar com temas para seus aplicativos.

Documentação

Você pode encontrar documentação detalhada para cada componente, incluindo uma lista de adereços e exemplos, em https://glluestack.io/style/docs/getting-started/installation.

Características

Estilos dinâmicos: usando expressões JavaScript, você pode criar estilos dinâmicos que mudam com base no estado de seus componentes.
Suporte de renderização do lado do servidor (SSR): Isso permite que você use os mesmos estilos no servidor e no cliente, facilitando a implementação do SSR para seus aplicativos React.
Estilo responsivo :: Isso permite criar facilmente estilos responsivos que se adaptem a diferentes tamanhos e resoluções de tela.
Suporte ao tema: Você pode definir e alternar facilmente entre temas diferentes para o seu aplicativo, permitindo um design consistente em todas as páginas.
Atualizações frequentes: estamos constantemente trabalhando para melhorar a biblioteca e adicionar novos componentes. Siga-nos no Github para manter-se atualizado nos últimos lançamentos e recursos.
Apoio à comunidade: precisa de ajuda para usar a biblioteca ou ter uma sugestão para um novo recurso? Junte -se ao nosso canal Discord para se conectar com a comunidade e obter suporte.

Instalando `gluestack-style`

Para usar gluestack-style , tudo o que você precisa fazer é instalar o pacote @gluestack-style/react e suas dependências de pares:

$ yarn add @gluestack-style/react

# or

$ npm i @gluestack-style/react

Pilha de tecnologia

JavaScript, React, React Native, System com estilo

Uso

Para usar o gluestack-style em seu projeto, siga estas etapas:

Enrole seu aplicativo com o StyledProvider fornecido por @gluestack-estilo/react .

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

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

Agora você pode usar @gluestack-style/react para estilizar seus componentes usando a função styled fornecida pela biblioteca. Por exemplo:

 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 >
  ) ;
} ;

Mais guias sobre como começar estão disponíveis aqui.

Contribuindo

Congratulamo-nos com contribuições para o gluestack-style ! Se você tiver uma idéia para um novo componente ou uma correção de bug, leia nossas instruções do guia contribuinte sobre como enviar uma solicitação de tração.