Hướng dẫn dùng react-native-file-viewer JavaScript - use JavaScript react-native-file-viewer
Ngày nay, có rát nhiều ứng dụng web cung cấp các tùy chọn xem PDF có sẵn cho người dùng của họ. Tuy nhiên, việc chọn một thư viện cho việc đps không phải là dễ dàng vì chúng ta sẽ cần nhiều hơn là chỉ mỗi hiển thị một tệp PDF Show Vì vậy, trong bài viết này, mình sẽ gợi ý 5 thư viện PDF Viewer cho React với các so sánh tính năng để giúp bạn chọn cái tốt nhất cho yêu cầu của mình 1. React-pdf/renderer — Specialized in rendering and creating PDFshttps://www.npmjs.com/package/@react-pdf/renderer Thư viện này cung cấp một số thành phần cơ bản để bắt đầu mọi thứ và khi đã quen, bạn có thể tùy chỉnh chúng để đưa ra những thiết kế bắt mắt hơn.
0: Có thể được sử dụng để chèn hình ảnh vào tài liệu PDF. 1: Có thể được sử dụng để tạo chú thích siêu liên kếtNgoài ra, React-pdf/renderer đi kèm với một số tính năng tuyệt vời có thể được sử dụng để tạo các tài liệu tuyệt đẹp. Mình có thể dễ dàng liệt kê một số trong số chúng như sau:
Bạn có thể dễ dàng cài đặt thư viện này vào dự án của mình bằng lệnh 3 và đoạn mã dưới đây hiển thị một ví dụ đơn giản về việc sử dụng React-pdf/renderer
2. React-pdf — Displays PDFs as if they were images.React-pdf cung cấp React component API cho phép mở các tệp PDF và hiển thị chúng bằng PDF.js. Mặc dù đây là một thư viện đơn giản chuyên dùng để xem PDF, nhưng nó có một số tính năng tuyệt vời như:
Bạn có thể cài đặt nó bằng lệnh 4 và ví dụ dưới đây cho thấy cách sử dụng cơ bản của React-pdf.
3. @phuocng/react-pdf-viewer — Powered by React Hookshttps://www.npmjs.com/package/@phuocng/react-pdf-viewer Mặc dù mới nhưng React-pdf-viewer có một số tính năng thú vị khiến bạn phải mê mẩn. Để hiểu rõ hơn, mình sẽ liệt kê chúng như dưới đây:
Ngoài ra, nó hoàn toàn có thể tùy chỉnh với bộ sưu tập các plugin và hỗ trợ người dùng với tài liệu tuyệt vời
Bạn có thể cài đặt nó bằng lệnh 5 và ví dụ dưới đây cho thấy cách sử dụng cơ bản của React-pdf-viewer
4. React-file-viewer- Supports many file formats.Thư viện này cung cấp một thành component có tên 6 được sử dụng để hiển thị nội dung và nó chấp nhận một số several props:
Ngoài ra, nó có một số tính năng đặc biệt như:
React-file-viewer có thể được cài đặt bằng lệnh 1 và ví dụ dưới đây cho thấy một ví dụ đơn giản về React-file-viewer.
5. @mikecousins/react-pdfThư viện này sử dụng Hook có tên 2 để hiển thị các tệp PDF và chúng ta cần chuyển một số several props với Hook này:
Nếu bạn nghĩ rằng đây là công việc quá nhiều; bạn có thể chỉ cần sử dụng trực tiếp 0, sử dụng hook 2 nội bộ
Bạn có thể cài đặt @mikecousins/react-pdf 1 cách dễ dàng 2 hoặc 3Tóm lạihttps://www.npmtrends.com/ Sau khi phân tích các tính năng, mức độ phổ biến, các vấn đề bảo mật và hỗ trợ cộng đồng, mình sẽ nói rằng lựa chọn tốt nhất cho thư viện trình xem pdf là 4.Xem xét mô hình của các phiên bản đã phát hành, các hoạt động của kho lưu trữ và các dữ liệu có liên quan khác, trạng thái bảo trì của 4 vượt trội so với tất cả các thư viện khác.Tuy nhiên, lựa chọn thư viện có thể được thay đổi dựa trên yêu cầu của bạn. Mình nghĩ rằng bài viết này chắc sẽ giúp bạn hiểu thêm về các thư viện này. Cảm ơn bạn đã đọc…!!! nguồn: https://blog.bitsrc.io/ |