ComPDFKit PDF ライブラリ for React Native アプリ
ComPDFKit React Native PDF SDK を使用して、クロスプラットフォームモバイルアプリを強化、変更、カスタマイズし、シームレスに統合して卓越したユーザーエクスペリエンスを提供します。

クロスプラットフォーム PDF ライブラリ:

ComPDFKit for React Native

オペレーティングシステム
Android 5.0+ (API レベル 21)
iOS 11+
モバイルフレームワーク
クロスプラットフォームモバイルフレームワークで、Android および iOS アプリで PDF ファイルを表示、編集、注釈、署名、変換、フォームの作成/入力、編集などを行えます。
開発環境
React Native プロジェクトの開発環境を React Native CLI で実行(Expo CLI ではない)
最新安定版の Android Studio
Android NDK
Android 仮想デバイスまたはハードウェアデバイス
最新安定版の Xcode
最新安定版の 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 フォームを作成、編集、入力できます。テキストボックス、ボタン、チェックボックス、ラジオボタン、コンボボックス、リストボックス、署名フィールド、バーコード(PDF417、QRコード、DataMatrix)など、さまざまな PDF フォームフィールドに対応しています。

React Native PDF ライブラリを使用したフォーム

彼らの React Native PDF ライブラリを使用することで、iOS および Android アプリの PDF 機能を改善しました。現在、注釈(ハイライト、下線、テキスト削除)を追加し、それを Google Play と App Store に公開して、ユーザーが PDF にマーキングできるようにしました。

Boris Slobodkin

モバイルアプリ開発者、ソフトウェア開発

今すぐ ComPDFKit React Native PDF SDK を無料で試してみよう!

ComPDFKit を入手して、 30 日間 の無料試用をお試しいただけます。数分でプロジェクトに統合し、素晴らしい体験ができます!
今すぐ始める