Bibliothèque multiplateforme PDF :

ComPDF pour React Native
Systèmes d'exploitation
Android 5.0+ (API niveau 21)
iOS 11+
Cadre mobile
Un cadre mobile multiplateforme pour vos applications Android et iOS garantit que les utilisateurs peuvent afficher, modifier, annoter, signer, convertir des fichiers PDF, créer/remplir des formulaires, caviarder, etc.
Environnement de développement
Un environnement de développement pour exécuter des projets React Native à l'aide de la CLI React Native (et non de la CLI Expo)
La dernière version stable de Android Studio
Le kit NDK Android
Un périphérique virtuel Android ou un périphérique matériel
La dernière version stable de Xcode
La dernière version stable de CocoaPods. Si CocoaPods n'est pas déjà installé, suivez le guide d'installation de CocoaPods pour installer CocoaPods sur votre Mac.
Avantages techniques
Fonctionnalités PDF riches en fonctionnalités, hautes performances et éprouvées pour vos programmes multiplateformes
Apparence et convivialité véritablement « natives » pour vos applications Android et iOS
Rapide à intégrer avec quelques lignes de code
Grande extensibilité de l'interface utilisateur
Droits de propriété intellectuelle indépendants
Conforme aux spécifications PDF

Puissantes bibliothèques React Native PDF conçues pour les développeurs

ComPDF React Native PDF SDK permet aux développeurs d'afficher, de modifier et d'annoter des PDF en quelques étapes, contribuant ainsi à raccourcir le cycle de développement et la durée de votre projet.
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
                });
              

Explorez les composants et les fonctionnalités du PDF

Modifiez le texte PDF directement dans React Native

Notre bibliothèque riche en fonctionnalités permet une édition de texte transparente, vous permettant d'ajouter, de supprimer ou de modifier du texte directement dans votre PDF. Cela améliore non seulement l'expérience utilisateur de votre application, mais favorise également une plus grande productivité en éliminant le besoin de basculer entre différentes applications pour l'édition de texte dans les PDF.

Modifiez le texte PDF directement dans React Native

Modifiez les images PDF directement dans React Native

Utilisez notre bibliothèque d'éditeur de contenu React Native PDF pour éditer des images en insérant, supprimant, faisant pivoter ou en remplaçant des images directement dans vos fichiers PDF. Améliorez la convivialité de votre application en offrant à vos utilisateurs la possibilité de modifier des images sans jamais avoir à quitter votre application, offrant ainsi une expérience utilisateur inégalée.

Modifiez les images PDF directement dans React Native

React Native PDF Éditeur de documents SDK

Manipulez les pages PDF dans votre application avec notre bibliothèque d'éditeur de documents pour React Native. Déployez rapidement des fonctionnalités prêtes à l'emploi qui vous permettent d'ajouter/supprimer, diviser/fusionner, faire pivoter, réorganiser, insérer et remplacer des pages PDF.

React Native PDF Éditeur de documents SDK

Bibliothèque React Native PDF pour les formulaires

Accélérez vos efforts de transformation numérique avec notre bibliothèque React Native PDF pour créer, modifier et remplir des formulaires PDF dans vos applications React Native avec une gamme de champs de formulaire PDF comme un champ de texte, un bouton-poussoir, une case à cocher, un bouton radio, une zone de liste déroulante, une liste. boîte, champs de signature et code-barres (PDF417, QRCode, DataMatrix).

Bibliothèque React Native PDF pour les formulaires

Interface utilisateur prête à l'emploi et personnalisable pour la visionneuse React Native PDF

React Native
Explore our Excellent Demo
Remarque
Point culminant
Souligné
Biffure
Ondulé
Encre
Cercles
Carré
Flèche
Ligne
Texte
Signature
Timbre
Image
Lien
Son
Annuler
Refaire

J'ai amélioré le fonctionnement des fichiers PDF sur nos applications iOS et Android à l'aide de leur bibliothèque React Native PDF. Désormais, nous avons ajouté des annotations (surlignage, soulignement ou suppression de texte) et les avons publiées sur Google Play et AppStore pour que nos utilisateurs puissent annoter les PDF.

Boris Slobodkine

Développeur d'applications mobiles, développement de logiciels

Essai gratuit ComPDF React Native PDF SDK maintenant !

Obtenez ComPDF avec un 30-jour essayez-le, exécutez-le dans votre projet en quelques minutes et vivez une expérience formidable !
Commencer