react native aria

⛔เลิกกิจการ

เราเลิกใช้ที่เก็บนี้และย้ายรหัสฐานของเราไปยังโครงสร้างที่เก็บโมโนใหม่โปรดติดตามลิงค์นี้เพื่อเข้าถึงการอัปเดตและคุณสมบัติล่าสุดของเรา

1) บทนำ

React Native Aria ช่วยให้คุณสร้างแอพที่เข้าถึงได้และอุดมไปด้วย React Native มันจัดการกับพฤติกรรมการเข้าถึงและการโต้ตอบเพื่อให้คุณสามารถใช้ส่วนประกอบที่กำหนดเองและระบบการออกแบบสำหรับ Android, iOS และเว็บ

2) แรงจูงใจ

ในขณะที่ใช้การเข้าถึงส่วนประกอบบน NativeBase เราได้อ้างถึงโซลูชันที่มีอยู่สำหรับเว็บ อย่างไรก็ตามไม่มีไลบรารีส่วนประกอบที่มีอยู่บนแพลตฟอร์มทั้งหมดโดยไม่ จำกัด การจัดแต่งทรงผมพฤติกรรมและการเข้าถึง

React Native ได้เพิ่มความคาดหวังของ devs เพื่อสร้าง UIs ในทุกแพลตฟอร์มในขณะที่นำรหัสใหม่ให้มากที่สุด อย่างไรก็ตามตอบสนองเรือพื้นเมืองที่มีแกนกลางที่มีพื้นที่มากสำหรับการปรับแต่ง ข้อเสียของสิ่งนี้คือเราจำเป็นต้องสร้างส่วนประกอบดั้งเดิมของเราโดยใช้มุมมองและกดได้ นี่คือตรงกันข้ามกับโลกการพัฒนาพื้นเมืองที่ส่วนประกอบ APIs ถูกส่งใน SDK

React Aria Native มีจุดมุ่งหมายเพื่อแก้ปัญหานี้โดยการให้บริการดั้งเดิมระดับต่ำเพื่อสร้างส่วนประกอบหรือไลบรารีดั้งเดิมที่ทำงานบนแพลตฟอร์มทั้งหมดภายในขอบเขตของ React Native React Aria พื้นเมืองแก้ปัญหานี้สำหรับเว็บ Android และ iOS

สำหรับ MacOS และ Windows เรากำลังสำรวจความเป็นไปได้ในการใช้ส่วนประกอบดั้งเดิมที่สามารถปรับแต่งได้

3) คุณสมบัติ

เข้าถึงได้: ขยายการยอมรับและประสบการณ์ของผู้ใช้สำหรับแอพของคุณ

Composable: รวมส่วนประกอบสำหรับความต้องการแอพเฉพาะของคุณ

สอดคล้อง: สอดคล้องกันทั่วทั้งเว็บ Android และ iOS

ปรับแต่งได้: การใช้งานการออกแบบอยู่ในมือของคุณ

4) การติดตั้งและการใช้งาน

Aria พื้นเมืองตอบสนองสามารถนำไปใช้ได้เพิ่มขึ้น แต่ละองค์ประกอบจะถูกเผยแพร่เป็นแพ็คเกจแยกต่างหากดังนั้นคุณสามารถลองใช้เป็นส่วนประกอบเดียวและค่อยๆเพิ่มมากขึ้นเมื่อเวลาผ่านไป แพ็คเกจทั้งหมดเหล่านี้เผยแพร่ภายใต้ขอบเขต @react-native-aria ใน NPM

การติดตั้งแต่ละแพ็คเกจ:

ใช้เส้นด้าย

yarn add @react-native-aria/checkbox

ใช้ NPM

npm install @react-native-aria/checkbox

การใช้งาน

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

นอกเหนือจากแพ็คเกจแต่ละแพ็คเกจเรายังมีแพ็คเกจโมโนซึ่งมีตะขอ Aria ดั้งเดิมทั้งหมดในที่เดียว

การติดตั้งแพ็คเกจโมโน:

ใช้เส้นด้าย

yarn add react-native-aria

ใช้ NPM

npm install react-native-aria

การใช้งาน

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

5) ตัวอย่าง

• รูปแบบ
• ปุ่ม
• การโต้ตอบ
• การซ้อนทับ
• ของสะสม

6) Tech Stack

React, React Native Web, React Native, typeScript

7) ผู้มีส่วนร่วม

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

8) วิธีการมีส่วนร่วม

ขอบคุณสำหรับความสนใจในการมีส่วนร่วมในการตอบสนอง Aria พื้นเมือง! ยินดีต้อนรับคำขอดึง ตรงไปที่แนวทางการบริจาคและเรียนรู้ว่าคุณสามารถเป็นส่วนหนึ่งของชุมชนที่ยอดเยี่ยมและเติบโตได้อย่างไร

สำหรับการเปลี่ยนแปลงที่สำคัญโปรดเปิดปัญหาก่อนเพื่อหารือเกี่ยวกับการเปลี่ยนแปลงและอัปเดตการทดสอบตามความเหมาะสม

9) ใบอนุญาต

ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT ลิขสิทธิ์© 2020 Geekyants ดูใบอนุญาตสำหรับข้อมูลเพิ่มเติม

นอกเหนือจากแพ็คเกจแต่ละแพ็คเกจเรายังมีแพ็คเกจโมโนซึ่งมีตะขอ Aria ดั้งเดิมทั้งหมดในที่เดียว