react native aria

⛔️ veraltet

Wir haben dieses Repository veraltet und unsere Codebasis in eine neue Mono -Repository -Struktur migriert. Befolgen Sie diesen Link, um auf unsere neuesten Updates und Funktionen zuzugreifen.

1) Einführung

React Native Aria hilft Ihnen dabei, zugängliche und reiche Apps mit React Native aufzubauen. Es kümmert sich um Verhalten, Zugänglichkeit und Interaktionen, sodass Sie benutzerdefinierte Komponenten und Designsysteme für Android, iOS und Web implementieren können.

2) Motivation

Während der Implementierung der Barrierefreiheit für Komponenten auf natives Base haben wir die vorhandenen Lösungen für das Web verwiesen. Es gibt jedoch keine vorhandene Komponentenbibliothek, die auf allen Plattformen arbeitet, ohne das Styling, das Verhalten und die Zugänglichkeit einzuschränken.

React Native hat die Erwartungen von Entwicklern an alle Plattformen erhöht und gleichzeitig so viel Code wie möglich wiederverwendet. Reagieren Sie jedoch native Schiffe mit einem sehr mageren Kern mit viel Platz für die Anpassung. Der Nachteil davon ist, dass wir unsere primitiven Komponenten mit Blick auf und drücken müssen. Dies steht im Gegensatz zu der Welt der native Entwicklung, in der Komponenten -APIs in SDKs versendet werden.

React Native Aria zielt darauf ab, dies zu lösen, indem sie Grundelemente mit niedrigem Niveau bereitstellen, um eine Komponente oder eine primitive Bibliothek zu erstellen, die auf allen Plattformen innerhalb des Rahmens von React Native funktioniert. React Native Aria löst dies für Web, Android und iOS.

Bei MacOS und Windows untersuchen wir die Möglichkeit, native Komponenten zu verwenden, die angepasst werden können.

3) Merkmale

Zugriff: Verstärken Sie die Einführung und Erfahrung der Benutzer für Ihre Apps

Komponierbar: Kombinieren Sie Komponenten für Ihre spezifischen App -Anforderungen

Konsistent: Konsistent über Web, Android und iOS

Anpassbar: Designimplementierungen sind in Ihrer Hand

4) Installation und Verwendung

React Native Aria ist inkrementell adoptierbar. Jede Komponente wird als separates Paket veröffentlicht, sodass Sie es in einer einzigen Komponente ausprobieren und im Laufe der Zeit nach und nach mehr hinzufügen können. Alle diese Pakete werden im Rahmen des @react-native-Aria-Bereichs auf NPM veröffentlicht.

Installieren eines einzelnen Pakets:

Mit Garn

yarn add @react-native-aria/checkbox

Verwenden von NPM

npm install @react-native-aria/checkbox

Verwendung

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

Zusätzlich zu einzelnen Paketen bieten wir ein Mono -Paket an, das alle React Native Aria -Haken an einem Ort enthält.

Installieren des Mono -Pakets:

Mit Garn

yarn add react-native-aria

Verwenden von NPM

npm install react-native-aria

Verwendung

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

5) Beispiele

• Formen
• Knöpfe
• Interaktionen
• Overlays
• Sammlungen

6) Tech Stack

React, React Native Web, React Native, TypeScript.

7) Mitwirkende

• Nishan Bende
• Vidhi Kataria
• Gaurav Guha
• Sanket Sahu

8) Wie man einen Beitrag leisten

Vielen Dank für Ihr Interesse, einen Beitrag zur Reaktion der einheimischen Arie zu leisten! Pull -Anfragen sind willkommen. Gehen Sie zu Beitragsrichtlinien und erfahren Sie, wie Sie Teil einer wunderbaren, wachsenden Gemeinschaft sein können.

Für wichtige Änderungen öffnen Sie bitte zunächst ein Problem, um Änderungen zu erörtern und Tests nach Bedarf zu aktualisieren.

9) Lizenz

Lizenziert unter der MIT -Lizenz, Copyright © 2020 geekyants. Weitere Informationen finden Sie unter Lizenz.

Zusätzlich zu einzelnen Paketen bieten wir ein Mono -Paket an, das alle React Native Aria -Haken an einem Ort enthält.