React Native集成react-native-pdf(PDF自动轮播)

最新推荐文章于 2024-08-16 09:16:21 发布

战·后风!!

最新推荐文章于 2024-08-16 09:16:21 发布

阅读量3.2k

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44187730/article/details/88056598

本文介绍了如何在React Native应用中集成react-native-pdf库，实现PDF文件的自动轮播。通过插件安装和示例代码，详细讲解了配置过程，并提供了App设置启动图链接参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

插件安装

官方链接:https://github.com/wonday/react-native-pdf

#安装
npm install rn-fetch-blob --save
npm install react-native-pdf --save

#链接依赖
react-native link rn-fetch-blob
react-native link react-native-pdf

示例代码
App设置启动图链接参考: https://blog.youkuaiyun.com/weixin_44187730/article/details/88027825

import React from 'react';
import {
   
   Dimensions, StyleSheet, View} from 'react-native';

import Pdf from 'react-native-pdf';
import SplashScreen from 'react-native-splash-screen'

export default class App extends React.Component {
   
   

    constructor(props) {
   
   
        super(props);

        this.state = {
   
   
            totalPage: 1,//pdf总页数
            currentPage: 1//当前页
        };<