hryhoriiK97/expo-paperkit

🖌️ Apple PaperKit trong tay bạn trên Expo/React Native

Thư viện expo-paperkit mang trọn trải nghiệm PaperKit — vẽ, chèn hình dạng, chú thích — của Apple ngay trên dự án Expo/React Native.

expo-paperkit là một thư viện mã nguồn mở cho phép bạn tích hợp trải nghiệm vẽ bản đồ và đánh dấu (markup) của Apple PaperKit vào các ứng dụng Expo/React Native trên iOS và macOS. Dự án dựa trên PaperKit (yêu cầu iOS 26+ hoặc macOS 26+) và PencilKit, hỗ trợ vẽ bằng Apple Pencil, chèn hình dạng, hộp văn bản, mũi tên, cùng khả năng lưu trữ và xuất file.

✨ Điểm nổi bật

• Vẽ trên canvas đầy đủ: Hỗ trợ vẽ tự do với Apple Pencil, mô phỏng trải nghiệm PaperKit chính thức của Apple.
• Chèn hình dạng và chú thích: Thêm hình dạng (shape), hộp văn bản (text box) và mũi tên/dòng (arrow/line) vào canvas.
• Lưu và khôi phục dữ liệu: Lưu trữ markup dưới dạng base64 và khôi phục chỉnh sửa sau này.
• Xuất file PNG/JPG: Export toàn bộ canvas ra hình ảnh để chia sẻ hoặc lưu trữ.
• Hỗ trợ hoàn tác/làm lại: Undo/redo các thao tác vẽ và chỉnh sửa một cách dễ dàng.
• Cấu hình linh hoạt: Tùy chỉnh bộ tính năng (feature set), thu phóng (zoom) và kích thước canvas.
• Tích hợp công cụ PKToolPicker (iOS): Truy cập thanh công cụ PencilKit ngay trong giao diện ứng dụng.
• Hỗ trợ hình nền: Thêm ảnh nền để vẽ hoặc đánh dấu lên trên đó.
• Chế độ chỉ xem: Hiển thị markup đã lưu mà không cho phép chỉnh sửa.

💡 Vì sao đáng chú ý

Khác với các thư viện vẽ thông thường, expo-paperkit không chỉ cung cấp một bề mặt vẽ đơn giản — mà tích hợp toàn bộ trải nghiệm của PaperKit, bao gồm công cụ đa dạng, hỗ trợ Apple Pencil mượt mà và khả năng xuất bản đa định dạng. Điều này giúp các nhà phát triển dễ dàng xây dựng các tính năng như ghi chú cá nhân, phối hợp thiết kế, hoặc giảng dạy tương tác mà không cần phải viết mã native phức tạp.

Dự án đặc biệt phù hợp với các nhà phát triển Expo muốn mang lại trải nghiệm ghi chú và vẽ chuyên nghiệp trên iOS và macOS, đồng thời hỗ trợ đầy đủ tính năng lưu trữ, khôi phục và chia sẻ nội dung.

#ApplePaperKit #ReactNative #Expo #Drawing #Annotation #TiniX