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组件实现遮罩层效果 ...
{ AppRegistry, StyleSheet, Text, View, Platform, Button, Alert, ActivityIndicator, NativeAppEventEmitter, DeviceEventEmitter, NativeModules, NativeEventEmitter, TouchableHighlight } from 'react-native'; import OpenFile from 'react-native-doc-viewer'; var RNFS = require('react-native-fs'); var Save...
In Visual Studio add theRNReactNativeDocViewer.slninnode_modules/react-native-react-native-doc-viewer/windows/RNReactNativeDocViewer.slnfolder to their solution, reference from their app. Open up yourMainPage.csapp Addusing Com.Reactlibrary.RNReactNativeDocViewer;to the usings at the top of the ...
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-d...
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';...
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...
事件背景:最近在写一个项目,要求本地打开、查看和打开远程的文档。找到了一个组件,使用起来挺方便的。就分享一下。我是配合react-native-fs实用的,fs配置的一些东西看我另一篇随笔。 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。
1、安装react-native-doc-viewer (1) npm install react-native-doc-viewer --save (2) react-native link react-native-doc-viewer 2、修改源代码 (1) 因为react-native-doc-viewer已经很久没有更新了,所以SdkVersion是23,比较低,将它修改成如下图所示: ...
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(...