react native aria

⛔️은 감가 상각됩니다

우리는이 저장소를 사용하지 않고 코드베이스를 새로운 모노 리포지토리 구조로 마이그레이션했습니다.이 링크를 따라 최신 업데이트 및 기능에 액세스하십시오.

1) 소개

React Native Aria는 React Native를 사용하여 액세스 가능하고 풍부한 앱을 구축하는 데 도움이됩니다. 동작, 접근성 및 상호 작용을 처리하여 Android, iOS 및 웹 용 맞춤형 구성 요소 및 설계 시스템을 구현할 수 있습니다.

2) 동기 부여

NativeBase의 구성 요소에 대한 접근성을 구현하는 동안 Web 용 기존 솔루션을 언급했습니다. 그러나 스타일링, 동작 및 접근성을 제한하지 않고 모든 플랫폼에서 작동하는 기존 구성 요소 라이브러리는 없습니다.

React Native는 가능한 한 많은 코드를 재사용하면서 모든 플랫폼에서 UI를 구축 할 DEVS의 기대를 높였습니다. 그러나 사용자 정의를위한 많은 공간이있는 매우 마른 핵심으로 네이티브 선박을 반응합니다. 이것의 단점은 View and Pressable을 사용하여 원시 구성 요소를 구축해야한다는 것입니다. 이것은 구성 요소 API가 SDK로 배송되는 기본 개발 세계와 대조적입니다.

React Native ARIA는 REACT 기본 범위 내의 모든 플랫폼에서 작동하는 구성 요소 또는 기본 라이브러리를 생성하기 위해 낮은 수준의 프리미티브를 제공함으로써이를 해결하는 것을 목표로합니다. React Native Aria는 웹, Android 및 iOS 용으로 이것을 해결합니다.

MacOS 및 Windows의 경우 사용자 정의 할 수있는 기본 구성 요소를 사용할 가능성을 탐색하고 있습니다.

3) 기능

액세스 가능 : 앱의 사용자 채택 및 경험을 증폭시킵니다

합성 가능 : 특정 앱 요구에 맞는 구성 요소를 결합하십시오

일관성 : 웹, Android 및 iOS에서 일관성

사용자 정의 가능 : 설계 구현이 손에 달려 있습니다

4) 설치 및 사용

React Native 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" ;

개별 패키지 외에도 한 곳에 모든 React Native 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) 기고자

• Nishan Bende
• Vidhi Kataria
• 가우 라브 구하
• Sanket Sahu

8) 기여하는 방법

원시 아리아에 기여하는 데 관심을 가져 주셔서 감사합니다! 풀 요청을 환영합니다. 기부 가이드 라인으로 가서 훌륭하고 성장하는 커뮤니티의 일원이 될 수있는 방법을 배우십시오.

주요 변경 사항은 먼저 문제를 열어 변경 사항을 논의하고 테스트를 적절하게 업데이트하십시오.

9) 라이센스

MIT 라이센스에 따라 라이센스가 부여 된 저작권 © 2020 Geekyants. 자세한 내용은 라이센스를 참조하십시오.

개별 패키지 외에도 한 곳에 모든 React Native Aria 후크가 들어있는 모노 패키지를 제공합니다.