react native aria

deepremated

このリポジトリを廃止し、コードベースを新しいモノリポジトリ構造に移行しました。このリンクに従って最新の更新と機能にアクセスしてください。

1）はじめに

React Native Ariaは、Reactネイティブでアクセス可能でリッチなアプリを構築するのに役立ちます。動作、アクセシビリティ、インタラクションを処理するため、Android、iOS、Web用のカスタムコンポーネントと設計システムを実装できます。

2）動機

NativeBaseでコンポーネントのアクセシビリティを実装している間、Webの既存のソリューションを参照しました。ただし、スタイリング、動作、アクセシビリティを制限することなく、すべてのプラットフォームで動作する既存のコンポーネントライブラリはありません。

React Nativeは、できるだけ多くのコードを再利用しながら、すべてのプラットフォームでUISを構築するために開発者の期待を高めました。ただし、カスタマイズの余地がたくさんある非常に無駄のないコアでネイティブ船を反応させます。これの欠点は、ビューとプレス可能なものを使用してプリミティブコンポーネントを構築する必要があることです。これは、コンポーネントAPIがSDKで出荷されるネイティブ開発の世界とは対照的です。

React Native Ariaは、低レベルのプリミティブを提供して、Reactネイティブの範囲内のすべてのプラットフォームで動作するコンポーネントまたは原始ライブラリを作成することにより、これを解決することを目指しています。 React Native Ariaは、Web、Android、およびiOSでこれを解決します。

MacOSとWindowsについては、カスタマイズできるネイティブコンポーネントを使用する可能性を調査しています。

3）機能

アクセス可能：アプリのユーザーの採用と経験を増幅します

Composable：特定のアプリのニーズに合わせてコンポーネントを組み合わせます

一貫性：Web、Android、iOSを介して一貫性

カスタマイズ可能：デザインの実装が手にあります

4）インストールと使用

反応ネイティブAriaは徐々に採用可能です。各コンポーネントは別のパッケージとして公開されているため、単一のコンポーネントで試してみて、時間とともに徐々に追加することができます。これらのパッケージはすべて、NPMの @React-Native-Ariaスコープの下で公開されています。

個々のパッケージのインストール：

糸を使用します

yarn add @react-native-aria/checkbox

NPMを使用します

npm install @react-native-aria/checkbox

使用法

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

個々のパッケージに加えて、1つの場所ですべてのReactネイティブAriaフックを含むモノパッケージを提供しています。

モノパッケージのインストール：

糸を使用します

yarn add react-native-aria

NPMを使用します

npm install react-native-aria

使用法

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

5）例

• フォーム
• ボタン
• 相互作用
• オーバーレイ
• コレクション

6）技術スタック

React、React Native Web、React Native、TypeScript。

7）貢献者

• ニーシャンベンデ
• ヴィディ・カタリア
• ガウラフ・グハ
• Sanket Sahu

8）貢献方法

ネイティブアリアのReactに貢献することに興味を持ってくれてありがとう！プルリクエストは大歓迎です。貢献ガイドラインにアクセスし、あなたが素晴らしい成長しているコミュニティの一員になる方法を学びましょう。

主要な変更については、最初に問題を開いて、変更を議論し、必要に応じてテストを更新してください。

9）ライセンス

MITライセンスの下でライセンス、Copyright©2020 Geekyants。詳細については、ライセンスを参照してください。

個々のパッケージに加えて、1つの場所ですべてのReactネイティブAriaフックを含むモノパッケージを提供しています。