Biblioteca PDF multiplataforma:

ComPDF para React Native
Sistemas operacionais
Android 5.0+ (Nível API 21)
iOS 11+
Estrutura móvel
Uma estrutura móvel de plataforma cruzada para seus aplicativos Android e iOS garante que os usuários possam visualizar, editar, anotar, assinar, converter arquivos PDF, criar/preencher formulários, ocultar dados, etc.
Ambiente de desenvolvimento
Um ambiente de desenvolvimento para executar projetos React Native usando a CLI React Native (não a CLI Expo)
A versão estável mais recente do Android Studio
O NDK Android
Um dispositivo virtual Android ou um dispositivo de hardware
A versão estável mais recente do Xcode
A versão estável mais recente do CocoaPods. Se você ainda não tem o CocoaPods instalado, siga o guia de instalação do CocoaPods para instalar o CocoaPods no seu Mac
Vantagens Técnicas
Recursos PDF ricos em recursos, de alto desempenho e testados pelo tempo para seus programas de plataforma cruzada
Aparência verdadeiramente “nativa” para seus aplicativos Android e iOS
Integração rápida com poucas linhas de código
Excelente extensibilidade da UI
Direitos de Propriedade Intelectual Independente
Em conformidade com as especificações PDF

Bibliotecas React Native PDF poderosas projetadas para desenvolvedores

ComPDF React Native PDF SDK permite que os desenvolvedores visualizem, editem e anotem PDFs em algumas etapas, ajudando a reduzir o ciclo de desenvolvimento e o tempo do seu projeto.
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 os componentes e recursos do PDF

Edite o texto PDF diretamente em React Native

Nossa biblioteca repleta de recursos permite a edição de texto perfeita, permitindo adicionar, remover ou modificar texto diretamente em seu PDF. Isso não apenas melhora a experiência do usuário do seu aplicativo, mas também promove maior produtividade, eliminando a necessidade de alternar entre diferentes aplicativos para edição de texto em PDFs.

Edite o texto PDF diretamente em React Native

Edite imagens PDF diretamente em React Native

Utilize nossa biblioteca de editor de conteúdo React Native PDF para editar imagens inserindo, excluindo, girando ou substituindo imagens diretamente em seus arquivos PDF. Melhore a usabilidade do seu aplicativo, fornecendo aos usuários a capacidade de editar imagens sem precisar sair do aplicativo, oferecendo uma experiência de usuário incomparável.

Edite imagens PDF diretamente em React Native

React Native PDF Editor de documentos SDK

Manipule páginas PDF em seu aplicativo com nossa biblioteca de edição de documentos para React Native. Implemente rapidamente recursos prontos para uso que permitem adicionar/remover, dividir/mesclar, girar, reorganizar, inserir e substituir páginas PDF.

React Native PDF Editor de documentos SDK

React Native PDF Biblioteca para formulários

Acelere seus esforços de transformação digital com nossa biblioteca React Native PDF para criar, editar e preencher formulários PDF em seus aplicativos React Native com uma variedade de campos de formulário PDF, como campo de texto, botão de ação, caixa de seleção, rádio botão, caixa de combinação, caixa de listagem, campos de assinatura e código de barras (PDF417, QRCode, DataMatrix).

React Native PDF Biblioteca para formulários

UI pronta para uso e personalizável para visualizador React Native PDF

React Native
Explore our Excellent Demo
Nota
Destaque
Sublinhado
Riscado
Ondulado
Tinta
Círculos
Quadrado
Seta
Linha
Texto
Assinatura
Carimbo
Imagem
Link
Som
Desfazer
Refazer

Melhorei a forma como os PDFs funcionam em nossos aplicativos iOS e Android usando sua biblioteca React Native PDF. Agora, adicionamos anotações (destacando, sublinhando ou riscando o texto) e as lançamos no Google Play e AppStore para que nossos usuários marquem PDFs.

Boris Slobodkin

Desenvolvedor de aplicativos móveis, Desenvolvimento de software

Avaliação gratuita ComPDF React Native PDF SDK Agora!

Obtenha ComPDF com um 30-dia teste, execute-o em seu projeto em minutos e tenha uma ótima experiência!
Comece agora