react native aria

⛔ إهمال

لقد قمنا بإهمال هذا المستودع وقمنا بترحيل قاعدة كودنا إلى بنية مستودع أحادي جديد ، يرجى اتباع هذا الرابط للوصول إلى أحدث التحديثات والميزات لدينا.

1) مقدمة

React Native Aria يساعدك على بناء تطبيقات متاحة وغنية مع React Native. إنه يتعامل مع السلوك وإمكانية الوصول والتفاعلات حتى تتمكن من تنفيذ مكونات مخصصة وأنظمة التصميم لنظام Android و iOS و Web.

2) الدافع

أثناء تنفيذ إمكانية الوصول للمكونات على NativeBase ، أشرنا إلى الحلول الحالية للويب. ومع ذلك ، لا توجد مكتبة مكونة موجودة تعمل على جميع المنصات دون الحد من التصميم والسلوك وإمكانية الوصول.

رفعت React Native توقعات Devs لبناء واجهة المستخدم عبر جميع المنصات مع إعادة استخدام أكبر قدر ممكن من التعليمات البرمجية. ومع ذلك ، رد فعل السفن الأصلية مع قلب هزيل للغاية مع مساحة كبيرة للتخصيص. الجانب السلبي لهذا هو أننا نحتاج إلى بناء مكوناتنا البدائية باستخدام العرض والضغط. هذا على عكس عالم التنمية الأصلي حيث يتم شحن واجهات برمجة تطبيقات المكونات في SDKs.

تهدف React Native ARIA إلى حل هذا من خلال توفير بدائل منخفضة المستوى لإنشاء مكون أو مكتبة بدائية تعمل على جميع المنصات في نطاق React الأصلي. React Native ARIA يحل هذا من أجل الويب و Android و iOS.

بالنسبة إلى MacOS و Windows ، فإننا نستكشف إمكانية استخدام المكونات الأصلية التي يمكن تخصيصها.

3) الميزات

يمكن الوصول إليها: تضخيم اعتماد المستخدم وخبرة لتطبيقاتك

قابلة للتكوين: الجمع بين مكونات احتياجات التطبيق المحددة الخاصة بك

متسقة: متسقة عبر الويب و Android و iOS

قابلة للتخصيص: تطبيقات التصميم في يدك

4) التثبيت والاستخدام

رد فعل أريا الأصلي يمكن تبنيه بشكل تدريجي. يتم نشر كل مكون كحزمة منفصلة ، بحيث يمكنك تجربتها في مكون واحد وإضافة المزيد تدريجياً مع مرور الوقت. يتم نشر كل هذه الحزم ضمن نطاق @-aria-aria على NPM.

تثبيت حزمة فردية:

باستخدام الغزل

yarn add @react-native-aria/checkbox

باستخدام NPM

npm install @react-native-aria/checkbox

الاستخدام

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

بالإضافة إلى الحزم الفردية ، نقدم حزمة أحادية تحتوي على جميع خطافات ARIA الأصلية React في مكان واحد.

تثبيت حزمة Mono:

باستخدام الغزل

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) المساهمين

• نيشان بيندي
• فيدي كاتاريا
• غوراف جها
• سانكيت ساهو

8) كيفية المساهمة

شكرا لك على اهتمامك بالمساهمة في رد فعل أريا الأصلي! طلبات السحب موضع ترحيب. توجه إلى إرشادات المساهمة وتعلم كيف يمكنك أن تكون جزءًا من مجتمع رائع ومتنامي.

للتغييرات الرئيسية ، يرجى فتح مشكلة أولاً لمناقشة التغييرات وتحديث الاختبارات حسب الاقتضاء.

9) الترخيص

مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا ، حقوق الطبع والنشر © 2020 مرغوبانية الأمنية. انظر الترخيص لمزيد من المعلومات.

بالإضافة إلى الحزم الفردية ، نقدم حزمة أحادية تحتوي على جميع خطافات ARIA الأصلية React في مكان واحد.