ComPDFKit PDF 庫用於 React Native 應用
通過 ComPDFKit React Native PDF SDK 提升、修改和定制您的跨平台移動應用,實現無縫集成並提供卓越的用戶體驗。

跨平台 PDF 庫:

ComPDFKit for React Native

操作系統
Android 5.0+ (API Level 21)
iOS 11+
移動框架
一個跨平台移動框架,確保您的 Android 和 iOS 應用能夠查看、編輯、註解、簽名、轉換 PDF 文件、創建/填寫表單、編輯等。
開發環境
使用 React Native CLI 運行 React Native 項目的開發環境(非 Expo CLI)
最新穩定版本的 Android Studio
Android NDK
Android 虛擬設備或硬體設備
最新穩定版本的 Xcode
最新穩定版本的 CocoaPods。如果您尚未安裝 CocoaPods,請按照 CocoaPods 安裝指南在 Mac 上安裝它。
技術優勢
功能豐富、高性能且經過時間考驗的 PDF 特性,適用於跨平台程序
為您的 Android 和 iOS 應用提供真正“原生”的外觀和體驗
通過少量代碼快速集成
良好的 UI 可擴展性
獨立的知識產權
符合 PDF 規範

使用 ComPDFKit 構建 React Native 應用:默認或自定義 UI

React Native
Explore our Excellent Demo
註解
高亮
下劃線
刪除線
波浪線
墨水
圓圈
方塊
箭頭
線條
文本
簽名
印章
圖片
鏈接
聲音
撤銷
重做

為開發者設計的強大 React Native PDF 庫

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
                });
              

在 React Native 中直接編輯 PDF 文本

我們功能豐富的庫實現了無縫的文本編輯功能,允許您直接在 PDF 中添加、刪除或修改文本。這不僅提升了您應用的使用者體驗,還避免了獨立運維移動平台應用,促進了更高的生產力。

在 React Native 中直接編輯 PDF 文本

在 React Native 中直接編輯 PDF 圖片

利用我們的 React Native PDF 內容編輯庫,您可以通過插入、刪除、旋轉或替換 PDF 文件中的圖片來編輯圖片。通過為用戶提供直接在應用內編輯圖片的功能,提升了應用的可用性,提供了無與倫比的用戶體驗。

在 React Native 中直接編輯 PDF 圖片

React Native PDF 文檔編輯 SDK

通過我們的文檔編輯庫在您的應用中操作 PDF 頁面。快速部署即開即用的功能,允許您添加/刪除、拆分/合併、旋轉、重新排列、插入和替換 PDF 頁面。

React Native PDF 文檔編輯 SDK

React Native PDF 庫用於表單

通過我們的 React Native PDF 庫加速您的數字化轉型,創建、編輯和填寫 PDF 表單,支持各種 PDF 表單字段,如文本框、按鈕、複選框、單選按鈕、組合框、列表框、簽名字段和條形碼(PDF417、二維碼、DataMatrix)。

React Native PDF 庫用於表單

通過使用他們的 React Native PDF 庫,我改善了我們 iOS 和 Android 應用中的 PDF 功能。現在,我們添加了註解(高亮、下劃線或刪除文本),並將其發布到 Google Play 和 App Store,讓用戶可以對 PDF 進行標記。

Boris Slobodkin

移動應用開發者,軟體開發

立即免費試用 ComPDFKit React Native PDF SDK!

獲取 ComPDFKit 並享受 30 天 的試用,在幾分鐘內將其集成到您的項目中,體驗極佳!
開始使用