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 中添加、删除或修改文本。这不仅提升了您应用的用户体验,还避免了独立运维移动平台app,促进了更高的生产力。

在 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 天 的试用,在几分钟内将其集成到您的项目中,体验极佳!
开始使用