react native aria

⛔️ 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.

1) Introdução

O React Native Aria ajuda a criar aplicativos acessíveis e ricos com o React Native. Ele lida com comportamento, acessibilidade e interações para que você possa implementar componentes e sistemas de design personalizados para Android, iOS e Web.

2) Motivação

Ao implementar a acessibilidade para componentes no NativeBase, nos referimos às soluções existentes para a Web. No entanto, não existe biblioteca de componentes existente que funcione em todas as plataformas sem limitar seu estilo, comportamento e acessibilidade.

O React Native aumentou as expectativas dos desenvolvedores para construir as UIs em todas as plataformas, reutilizando o máximo de código possível. No entanto, reaja navios nativos com um núcleo muito magro, com muito espaço para personalização. A desvantagem disso é que precisamos construir nossos componentes primitivos usando a visualização e o pressionável. Isso contrasta com o mundo do desenvolvimento nativo, onde as APIs dos componentes são enviadas em SDKs.

O React Native Aria pretende resolver isso, fornecendo primitivas de baixo nível para criar um componente ou uma biblioteca primitiva que funcione em todas as plataformas dentro do escopo do react nativo. React Aria nativo resolve isso para Web, Android e iOS.

Para MacOS e Windows, estamos explorando a possibilidade de usar componentes nativos que podem ser personalizados.

3) Recursos

Acessível: amplie a adoção e experiência do usuário para seus aplicativos

Composível: combine componentes para as necessidades específicas do aplicativo

Consistente: consistente em Web, Android e iOS

Personalizável: as implementações de design estão em sua mão

4) Instalação e uso

React Aria nativo é incrementalmente adotável. Cada componente é publicado como um pacote separado, para que você possa experimentá -lo em um único componente e adicionar gradualmente mais com o tempo. Todos esses pacotes são publicados no @react-native-ia Scope no NPM.

Instalando um pacote individual:

Usando fios

yarn add @react-native-aria/checkbox

Usando NPM

npm install @react-native-aria/checkbox

Uso

 import { useCheckbox } from "@react-native-aria/checkbox" ;

Além dos pacotes individuais, oferecemos um pacote mono que contém todos os ganchos de React Aria nativo em um só lugar.

Instalando o pacote mono:

Usando fios

yarn add react-native-aria

Usando NPM

npm install react-native-aria

Uso

 import { useCheckbox } from "react-native-aria" ;

5) Exemplos

• Formas
• Botões
• Interações
• Sobreposições
• Coleções

6) pilha de tecnologia

Reaja, reaja a Web nativa, reaja nativa, datilografada.

7) Colaboradores

• NISHAN BENDE
• Vidhi Kataria
• Gaurav Guha
• Sanket Sahu

8) Como contribuir

Obrigado pelo seu interesse em contribuir para reagir Aria nativo! Solicitações de tração são bem -vindas. Vá para as diretrizes de contribuição e aprenda como você pode fazer parte de uma comunidade maravilhosa e em crescimento.

Para grandes mudanças, abra um problema primeiro para discutir alterações e atualizar os testes conforme apropriado.

9) Licença

Licenciado sob a licença do MIT, Copyright © 2020 Geekyants. Consulte a licença para obter mais informações.

Além dos pacotes individuais, oferecemos um pacote mono que contém todos os ganchos de React Aria nativo em um só lugar.