ComPDFKit PDF ไลบรารีสำหรับ แอป React Native
ยกระดับ แก้ไข และปรับแต่งแอปมือถือข้ามแพลตฟอร์มของคุณด้วย ComPDFKit React Native PDF SDK เพื่อการผสานรวมที่ราบรื่นและประสบการณ์ผู้ใช้ที่ยอดเยี่ยม

ไลบรารี PDF ข้ามแพลตฟอร์ม:

ComPDFKit สำหรับ React Native

ระบบปฏิบัติการ
Android 5.0+ (API Level 21)
iOS 11+
เฟรมเวิร์กสำหรับมือถือ
เฟรมเวิร์กข้ามแพลตฟอร์มสำหรับแอป Android และ iOS ของคุณ เพื่อให้ผู้ใช้สามารถดู แก้ไข ใส่คำอธิบาย ลงชื่อ แปลงไฟล์ PDF สร้าง/กรอกแบบฟอร์ม ขีดฆ่า ฯลฯ ได้อย่างราบรื่น
สภาพแวดล้อมการพัฒนา
สภาพแวดล้อมการพัฒนาสำหรับการรันโปรเจ็กต์ React Native โดยใช้ React Native CLI (ไม่ใช่ Expo CLI)
เวอร์ชันล่าสุดของ Android Studio ที่เสถียร
Android NDK
อุปกรณ์จำลอง Android หรืออุปกรณ์ฮาร์ดแวร์
เวอร์ชันล่าสุดของ Xcode ที่เสถียร
เวอร์ชันล่าสุดของ CocoaPods. หากยังไม่ได้ติดตั้ง CocoaPods ให้ทำตามคำแนะนำในการติดตั้ง CocoaPods บน Mac
ข้อได้เปรียบทางเทคนิค
ฟีเจอร์ PDF ที่เต็มไปด้วยความสามารถ มีประสิทธิภาพสูง และผ่านการทดสอบตามเวลา สำหรับโปรแกรมข้ามแพลตฟอร์มของคุณ
รูปลักษณ์และความรู้สึกที่เหมือน 'เนทีฟ' สำหรับแอป Android และ iOS ของคุณ
รวมเข้ากับโค้ดของคุณได้อย่างรวดเร็วโดยใช้เพียงไม่กี่บรรทัด
การขยาย UI ที่ยอดเยี่ยม
มีสิทธิ์ทรัพย์สินทางปัญญาเป็นของตัวเอง
สอดคล้องกับข้อกำหนดของ PDF

สร้างแอป React Native ด้วย ComPDFKit: UI เริ่มต้นหรือ UI ที่กำหนดเอง

React Native
Explore our Excellent Demo
บันทึก
เน้นข้อความ
ขีดเส้นใต้
ขีดฆ่า
ขีดเส้นหยัก
หมึก
วงกลม
สี่เหลี่ยม
ลูกศร
เส้น
ข้อความ
ลายเซ็น
แสตมป์
รูปภาพ
ลิงก์
เสียง
ย้อนกลับ
ทำซ้ำ

ไลบรารี PDF React Native อันทรงพลังที่ออกแบบมาสำหรับนักพัฒนา

ComPDFKit React Native PDF SDK ช่วยให้นักพัฒนาสามารถดู แก้ไข และใส่คำอธิบายใน PDF ได้ในไม่กี่ขั้นตอน ช่วยลดระยะเวลาการพัฒนาและเร่งความเร็วโครงการของคุณ
JSX
1
                import React, { Component } from 'react';
              
2
                import {
              
3
                  Platform,
              
4
                  StyleSheet,
              
5
                  Text,
              
6
                  View,
              
7
                  Button,
              
8
                  NativeModules,
              
9
                } from 'react-native';
              
10
                
11
                var nativeModule = NativeModules.OpenNativeModule;
              
12
                // var analyticsModule = NativeModules.UMAnalyticsModule;
              
13
                
14
                const instructions = Platform.select({
              
15
                  ios: 'Press Cmd+R to reload,\n' +
              
16
                  'Cmd+D or shake for dev menu',
              
17
                  android: 'Double tap R on your keyboard to reload,\n' +
              
18
                  'Shake or press menu button for dev menu',
              
19
                });
              
20
                
21
                type Props = {};
              
22
                export default class App extends Component<Props> {
              
23
                  render() {
              
24
                    return (
              
25
                      <View style={styles.container}>
              
26
                        <Text style={styles.welcome}>
              
27
                          Welcome to React Native!
              
28
                        </Text>
              
29
                        <Text style={styles.instructions}>
              
30
                          To get started, edit App.js
              
31
                        </Text>
              
32
                        <Text style={styles.instructions}>
              
33
                          {instructions}
              
34
                        </Text>
              
35
                        <Button
              
36
                          title={'Jump to the native page'}
              
37
                          onPress={() => {
              
38
                            this.jumpToNativeView();
              
39
                          }}
              
40
                         />
              
41
                      </View>
              
42
                    );
              
43
                  }
              
44
                
45
                  jumpToNativeView() {
              
46
                    NativeModules.OpenPDFModule.openPDFByPath(pdfFilePath)
              
47
                  }
              
48
                }
              
49
                
50
                const styles = StyleSheet.create({
              
51
                  container: {
              
52
                    flex: 1,
              
53
                    justifyContent: 'center',
              
54
                    alignItems: 'center',
              
55
                    backgroundColor: '#F5FCFF',
              
56
                  },
              
57
                  welcome: {
              
58
                    fontSize: 20,
              
59
                    textAlign: 'center',
              
60
                    margin: 10,
              
61
                  },
              
62
                  instructions: {
              
63
                    textAlign: 'center',
              
64
                    color: '#333333',
              
65
                    marginBottom: 5,
              
66
                  },
              
67
                });
              

แก้ไขข้อความ PDF โดยตรงใน React Native

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

แก้ไขข้อความ PDF โดยตรงใน React Native

แก้ไขรูปภาพ PDF โดยตรงใน React Native

ใช้ไลบรารี React Native PDF content editor ของเราในการแก้ไขรูปภาพ โดยการแทรก ลบ หมุน หรือแทนที่รูปภาพโดยตรงในไฟล์ PDF ของคุณ ปรับปรุงการใช้งานแอปของคุณโดยให้ผู้ใช้แก้ไขรูปภาพโดยไม่ต้องออกจากแอปของคุณ เพื่อประสบการณ์ผู้ใช้ที่เหนือชั้น

แก้ไขรูปภาพ PDF โดยตรงใน React Native

React Native PDF Document Editor SDK

จัดการหน้า PDF ในแอปของคุณด้วยไลบรารีเอกสารสำหรับ React Native ใช้งานคุณสมบัตินอกกรอบที่ช่วยให้คุณสามารถเพิ่ม/ลบ แยก/รวม หมุน จัดเรียงใหม่ แทรก หรือแทนที่หน้า PDF ได้อย่างรวดเร็ว

React Native PDF Document Editor SDK

React Native PDF ไลบรารีสำหรับฟอร์ม

เร่งการเปลี่ยนแปลงดิจิทัลของคุณด้วย React Native PDF ไลบรารีสำหรับการสร้าง แก้ไข และกรอกฟอร์ม PDF ภายในแอป React Native ของคุณ ด้วยฟิลด์ฟอร์ม PDF หลากหลายประเภท เช่น ฟิลด์ข้อความ ปุ่มกด ช่องทำเครื่องหมาย ปุ่มตัวเลือก กล่องรวมรายการ กล่องรายการ ฟิลด์ลายเซ็น และบาร์โค้ด (PDF417, QRCode, DataMatrix)

React Native PDF ไลบรารีสำหรับฟอร์ม

ฉันได้ปรับปรุงวิธีการทำงานกับ PDF ในแอป iOS และ Android ของเราด้วยไลบรารี React Native PDF ของพวกเขา ตอนนี้เราสามารถเพิ่มคำอธิบาย (การเน้นข้อความ การขีดเส้นใต้ หรือการขีดฆ่าข้อความ) และปล่อยให้ผู้ใช้ทำเครื่องหมายใน PDF บน Google Play และ AppStore

Boris Slobodkin

นักพัฒนาแอปมือถือ, การพัฒนาซอฟต์แวร์

ทดลองใช้ฟรี ComPDFKit React Native PDF SDK ตอนนี้!

รับ ComPDFKit พร้อมการทดลองใช้ฟรี 30 วัน ทดลองใช้งานภายในไม่กี่นาทีและรับประสบการณ์ที่ยอดเยี่ยม!
เริ่มต้น