Plattformübergreifende PDF-Bibliothek:

ComPDF für React Native
Betriebssysteme
Android 5.0+ (API Ebene 21)
iOS 11+
Mobile Framework
Ein plattformübergreifendes mobiles Framework für Ihre Android- und iOS-Apps stellt sicher, dass Benutzer PDF-Dateien anzeigen, bearbeiten, kommentieren, signieren, konvertieren, Formulare erstellen/ausfüllen, schwärzen usw. können.
Entwicklungsumgebung
Eine Entwicklungsumgebung zum Ausführen von React Native-Projekten mithilfe der React Native-CLI (nicht der Expo-CLI).
Die neueste stabile Version von Android Studio
Das Android NDK
Ein virtuelles Android-Gerät oder ein Hardwaregerät
Die neueste stabile Version von Xcode
Die neueste stabile Version von CocoaPods. Wenn Sie CocoaPods noch nicht installiert haben, befolgen Sie die CocoaPods-Installationsanleitung, um CocoaPods auf Ihrem Mac zu installieren
Technische Vorteile
Funktionsreiche, leistungsstarke und bewährte PDF-Funktionen für Ihre plattformübergreifenden Programme
Wirklich „natives“ Look-and-Feel für Ihre Android- und iOS-Apps
Schnelle Integration mit wenigen Codezeilen
Hervorragende Erweiterbarkeit der Benutzeroberfläche
Unabhängige Rechte an geistigem Eigentum
Entspricht den PDF-Spezifikationen

Leistungsstarke React Native PDF-Bibliotheken für Entwickler

ComPDF React Native PDF SDK ermöglicht Entwicklern das Anzeigen, Bearbeiten und Kommentieren von PDFs in wenigen Schritten und hilft so, den Entwicklungszyklus und die Zeit Ihres Projekts zu verkürzen.
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
                });
              

Entdecken Sie die Komponenten und Funktionen von PDF

PDF-Text direkt in React Native bearbeiten

Unsere funktionsreiche Bibliothek ermöglicht eine nahtlose Textbearbeitung, sodass Sie Text direkt in Ihrem PDF hinzufügen, entfernen oder ändern können. Dies verbessert nicht nur das Benutzererlebnis Ihrer Anwendung, sondern steigert auch die Produktivität, da für die Textbearbeitung in PDFs nicht mehr zwischen verschiedenen Apps gewechselt werden muss.

PDF-Text direkt in React Native bearbeiten

Bearbeiten Sie PDF-Bilder direkt in React Native

Nutzen Sie unsere Content-Editor-Bibliothek React Native PDF, um Bilder zu bearbeiten, indem Sie Bilder direkt in Ihre PDF-Dateien einfügen, löschen, drehen oder ersetzen. Erhöhen Sie die Benutzerfreundlichkeit Ihrer App, indem Sie Ihren Benutzern die Möglichkeit geben, Bilder zu bearbeiten, ohne Ihre Anwendung jemals verlassen zu müssen, und bieten Sie so ein unvergleichliches Benutzererlebnis.

Bearbeiten Sie PDF-Bilder direkt in React Native

React Native PDF Dokumenteditor SDK

Manipulieren PDF Seiten in Ihrer App mit unserer Dokumenteneditor-Bibliothek für React Native. Stellen Sie schnell sofort einsatzbereite Funktionen bereit, mit denen Sie hinzufügen/entfernen, teilen/zusammenführen, drehen, neu anordnen, einfügen und ersetzen können PDF Seiten.

React Native PDF Dokumenteditor SDK

React Native PDF Bibliothek für Formulare

Beschleunigen Sie Ihre digitalen Transformationsbemühungen mit unserer React Native PDF-Bibliothek zum Erstellen, Bearbeiten und Ausfüllen von PDF-Formularen in Ihren React Native-Anwendungen mit einer Reihe von PDF-Formularfeldern wie Textfeld, Drucktaste, Kontrollkästchen, Optionsfeld, Kombinationsfeld und Liste Box, Signaturfelder und Barcode (PDF417, QRCode, DataMatrix).

React Native PDF Bibliothek für Formulare

Sofort einsatzbereite und anpassbare Benutzeroberfläche für den React Native PDF Viewer

React Native
Explore our Excellent Demo
Hinweis
Hervorheben
Unterstreichen
Durchgestrichen
Schnörkellos
Tinte
Kreise
Quadratisch
Pfeil
Linie
Text
Signatur
Stempel
Bild
Link
Ton
Rückgängig machen
Wiederholen

Ich habe die Funktionsweise von PDFs in unseren Apps iOS und Android mithilfe ihrer React Native PDF-Bibliothek verbessert. Jetzt haben wir Anmerkungen hinzugefügt (Hervorheben, Unterstreichen oder Durchstreichen von Text) und sie auf Google Play und AppStore veröffentlicht, damit unsere Benutzer PDFs markieren können.

Boris Slobodkin

Entwickler mobiler Anwendungen, Softwareentwicklung

Kostenlose Testversion ComPDF React Native PDF SDK Jetzt!

Holen Sie sich ComPDF mit a 30-Tag Testen Sie es, führen Sie es innerhalb von Minuten in Ihr Projekt ein und machen Sie ein tolles Erlebnis!
Jetzt starten