组件名称:react-native-doc-viewer 首先安装:npm install react-native-doc-viewer --save 其次自动链接:react-native link react-native-doc-viewer 按理说是自动连接是可以的。可是程序运行一下发现还是报错。只能手动来了。 先附上npm网址:https://www.npmjs.com/package/react-native-doc-viewer 检查并链接: ...
设置app启动图片 react-native-splash-screen 页面跳转 react-navigation 起到路由的作用 数据存储 @react-native-async-storage/async-storage 嵌入web react-native-webview 使用相机 react-native-camera 扫描二维码 react-native-qrcode-scanner 文件上传 react-native-document-picker react-native-doc-viewer 图片上传...
我结合了上传组件:react-native-file-selector 以及下载组件:react-native-fs一起实现的这个功能,具体的使用可以查看我的其他博文 react-native-doc-viewer,可以在手机上直接打开文档,支持远程和本地文档。 支持的文档格式:xls,ppt,doc,xlsx,pptx,docx,png,jpg,pdf,mp4。支持iOS和Android。 这里我是做安卓的,所以...
import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, Platform, Button, Alert, ActivityIndicator, NativeAppEventEmitter, DeviceEventEmitter, NativeModules, NativeEventEmitter, TouchableHighlight } from 'react-native'; import OpenFile from 'react-native-doc-viewer';...
npm install react-native-doc-viewer --save Add the plugin dependency to your Podfile, pointing at the path where NPM installed it: pod 'RNReactNativeDocViewer', path: '../node_modules/react-native-doc-viewer' Runpod install Manual installation ...
1、在项目的根目录下新建一个 react-native.config.js文件。文件中如下配置: // react-native.config.js module.exports = { dependencies: { 'react-native-doc-viewer': { platforms: { android: null, ios: null, // add more platform to disable auto-linking for them too }, }, 'react-native-...
react-native-doc-viewer A React Native bridge module: Document Viewer for files (pdf, png, jpg, xls, doc, ppt, xlsx, docx, pptx etc.)2017 RoadmapDownload Progess Event Listener for big Files Android 2018 RoadmapAndroid file without external Application Windows Phone SupportIMPORTANT...
importReact, { Component }from'react';import{ AppRegistry, StyleSheet, Text, View, Platform, Button, Alert, ActivityIndicator, NativeAppEventEmitter, DeviceEventEmitter, NativeModules, NativeEventEmitter, TouchableHighlight }from'react-native';importOpenFilefrom'react-native-doc-viewer';varRNFS =require(...
react-native项目要求实现word,excel,pdf,mp4,png等格式附件图片的在线预览,最终选用react-native-doc-viewer实现, 具体步骤如下: 1、安装react-native-doc-viewer (1) npm install react-native-doc-viewer --save ... 查看原文 React Native之Modal组件实现遮罩层效果 ...
include ':react-native-doc-viewer' project(':react-native-doc-viewer').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-doc-viewer/android') Insert the following lines inside the dependencies block in android/app/build.gradle: compile project(':react-native-doc-...