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

ComPDF 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 規格に準拠

開発者向けの強力な React Native PDF ライブラリ

ComPDF 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内でのテキストの追加、削除、変更を可能にします。これにより、アプリのユーザーエクスペリエンスが向上するだけでなく、モバイルプラットフォームアプリの個別運用を回避し、生産性の向上を促進します。

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リーダー

React Native
Explore our Excellent Demo
注釈
ハイライト
下線
取り消し線
波線
インク
円
四角
矢印
線
テキスト
署名
スタンプ
画像
リンク
音声
元に戻す
やり直す

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

Boris Slobodkin

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

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

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