ComPDFKit PDF 라이브러리 React Native 앱에 적합
ComPDFKit React Native PDF SDK를 통해 크로스 플랫폼 모바일 앱을 향상시키고 수정 및 맞춤화하여 원활하게 통합하고 탁월한 사용자 경험을 제공합니다.

크로스 플랫폼 PDF 라이브러리:

ComPDFKit 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에서 설치하는 방법을 CocoaPods 설치 가이드에 따라 진행하세요.
기술적 이점
기능이 풍부하고 고성능이며 시간이 검증된 PDF 기능, 크로스 플랫폼 프로그램에 적합
Android 및 iOS 앱에서 진정한 '네이티브' 외관과 경험 제공
적은 코드로 빠르게 통합
우수한 UI 확장성
독립적인 지적 재산권
PDF 표준 준수

ComPDFKit을 사용한 React Native 앱 구축: 기본 또는 사용자 지정 UI

React Native
Explore our Excellent Demo
주석
하이라이트
밑줄
취소선
물결선
잉크
사각형
화살표
텍스트
서명
도장
이미지
링크
소리
실행 취소
다시 실행

개발자를 위한 강력한 React Native PDF 라이브러리

ComPDFKit 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
                });
              

React Native에서 PDF 텍스트 직접 편집

저희의 기능이 풍부한 라이브러리는 원활한 텍스트 편집 기능을 제공하여 PDF에서 직접 텍스트를 추가, 삭제 또는 수정할 수 있도록 합니다. 이는 귀하의 애플리케이션 사용자 경험을 향상시킬 뿐만 아니라, 독립적인 모바일 플랫폼 앱 운영을 방지하여 더 높은 생산성을 촉진합니다.

React Native에서 PDF 텍스트 직접 편집

React Native에서 PDF 이미지 직접 편집

우리의 React Native PDF 콘텐츠 편집 라이브러리를 활용하여 PDF 파일 내에서 이미지를 삽입, 삭제, 회전 또는 교체할 수 있습니다. 이를 통해 사용자에게 앱 내에서 직접 이미지를 편집할 수 있는 기능을 제공하여 사용성을 높이고, 비교할 수 없는 사용자 경험을 선사합니다.

React Native에서 PDF 이미지 직접 편집

React Native PDF 문서 편집 SDK

우리의 기능이 풍부한 라이브러리는 텍스트 편집 기능을 원활하게 구현하여 PDF 내에서 텍스트를 추가, 삭제 또는 수정할 수 있습니다. 이는 앱의 사용자 경험을 향상시킬 뿐만 아니라 독립적인 운영이 필요한 모바일 플랫폼 앱을 피하고 더 높은 생산성을 촉진합니다.

React Native PDF 문서 편집 SDK

React Native PDF 라이브러리로 폼 처리

우리의 React Native PDF 라이브러리를 통해 디지털 전환을 가속화하고, PDF 폼을 작성, 편집 및 작성할 수 있습니다. 텍스트 상자, 버튼, 체크박스, 라디오 버튼, 콤보 상자, 목록 상자, 서명 필드, 바코드(PDF417, QR 코드, DataMatrix) 등 다양한 PDF 폼 필드를 지원합니다.

React Native PDF 라이브러리로 폼 처리

그들의 React Native PDF 라이브러리를 사용하여 우리는 iOS와 Android 앱에서 PDF 기능을 개선했습니다. 이제 우리는 주석(하이라이트, 밑줄, 텍스트 삭제)을 추가하고, 이를 Google Play와 App Store에 게시하여 사용자가 PDF를 주석으로 표시할 수 있도록 했습니다.

Boris Slobodkin

모바일 앱 개발자, 소프트웨어 개발

지금 바로 ComPDFKit React Native PDF SDK를 무료로 체험해보세요!

ComPDFKit을 가져오고 30일 동안 무료 체험 후 몇 분 만에 프로젝트에 통합하여 뛰어난 경험을 할 수 있습니다!
사용 시작