Biblioteca PDF multiplataforma:

ComPDF para React Native
Sistemas operativos
Android 5.0+ (API Nivel 21)
iOS 11+
Marco móvil
Un marco móvil multiplataforma para sus aplicaciones Android y iOS garantiza que los usuarios puedan ver, editar, anotar, firmar, convertir archivos PDF, crear/rellenar formularios, censurar, etc.
Entorno de desarrollo
Un entorno de desarrollo para ejecutar proyectos React Native utilizando la CLI React Native (no la CLI de Expo)
La última versión estable de Android Studio
El NDK Android
Un dispositivo virtual Android o un dispositivo de hardware
La última versión estable de Xcode
La última versión estable de CocoaPods. Si aún no tienes CocoaPods instalado, sigue la guía de instalación de CocoaPods para instalar CocoaPods en tu Mac.
Ventajas técnicas
Funciones PDF ricas en funciones, de alto rendimiento y probadas en el tiempo para sus programas multiplataforma
Apariencia verdaderamente “nativa” para sus aplicaciones Android y iOS
Rápido de integrar con pocas líneas de código
Gran extensibilidad de la interfaz de usuario
Derechos de propiedad intelectual independientes
Cumple con las especificaciones PDF

Potentes bibliotecas React Native PDF diseñadas para desarrolladores

ComPDF React Native PDF SDK permite a los desarrolladores ver, editar y anotar archivos PDF con unos pocos pasos, lo que ayuda a acortar el ciclo de desarrollo y el tiempo de su proyecto.
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
                });
              

Explore los componentes y características de PDF

Editar texto PDF directamente en React Native

Nuestra biblioteca repleta de funciones permite una edición de texto perfecta, lo que le permite agregar, eliminar o modificar texto directamente dentro de su PDF. Esto no sólo mejora la experiencia del usuario de su aplicación, sino que también promueve una mayor productividad al eliminar la necesidad de cambiar entre diferentes aplicaciones para editar texto en archivos PDF.

Editar texto PDF directamente en React Native

Edite imágenes PDF directamente en React Native

Utilice nuestra biblioteca de editor de contenido React Native PDF para editar imágenes insertando, eliminando, rotando o reemplazando imágenes directamente en sus archivos PDF. Mejore la usabilidad de su aplicación brindando a sus usuarios la capacidad de editar imágenes sin tener que salir de su aplicación, ofreciendo una experiencia de usuario inigualable.

Edite imágenes PDF directamente en React Native

React Native PDF Editor de documentos SDK

Manipule las páginas PDF en su aplicación con nuestra biblioteca de editor de documentos para React Native. Implemente rápidamente funciones listas para usar que le permiten agregar/eliminar, dividir/fusionar, rotar, reorganizar, insertar y reemplazar páginas PDF.

React Native PDF Editor de documentos SDK

React Native PDF Biblioteca para formularios

Acelere sus esfuerzos de transformación digital con nuestra biblioteca React Native PDF para crear, editar y completar formularios PDF dentro de sus aplicaciones React Native con una variedad de campos de formulario PDF como campo de texto, botón pulsador, casilla de verificación, botón de opción, cuadro combinado, lista. cuadro, campos de firma y código de barras (PDF417, QRCode, DataMatrix).

React Native PDF Biblioteca para formularios

Interfaz de usuario personalizable y lista para usar para el visor React Native PDF

React Native
Explore our Excellent Demo
Nota
Destacado
Subrayado
Tachado
Garabato
Tinta
Círculos
Cuadrado
Flecha
Línea
Texto
Firma
Sello
Imagen
Enlace
Sonido
Deshacer
Rehacer

He mejorado el funcionamiento de los archivos PDF en nuestras aplicaciones iOS y Android usando su biblioteca React Native PDF. Ahora, agregamos anotaciones (resaltado, subrayado o tachado de texto) y las publicamos en Google Play y AppStore para que nuestros usuarios marquen archivos PDF.

Boris Slobodkin

Desarrollador de aplicaciones móviles, Desarrollo de software

Prueba gratuita ComPDF React Native PDF SDK ¡Ahora!

Obtenga ComPDF con un 30-día prueba, ejecútalo en tu proyecto en cuestión de minutos y disfruta de una gran experiencia.
Comenzar