react-native-doc-preview

ReactNative: Read Documents within application in iOS and use 3rd party library in-case of Android

Getting started

$ yarn add react-native-doc-preview

💻 Usage

1import { NativeModules } from 'react-native'
2let { MSDocPreview } = NativeModules
3
4 MSDocPreview.shareDoc(
5   [
6     {
7       url: path,
8       fileName: item.get('name')
9     }
10   ],
11   (error, url) => {
12     if (error) {
13       let { Dialog } = imports('uikit')
14
15       Dialog.error({
16         title: LocaleManager.getLocale('UIkit', 'android-error'),
17         description: LocaleManager.getLocale('UIkit', 'no-app-support'),
18         positiveText: Locale.continue,
19         onPositive: () => {}
20       })
21     } else {
22     }
23   }
24)
25
26MSDocPreview.openDoc(
27  [
28    {
29      url: path,
30      fileName: item.get('name')
31    }
32  ],
33  () => {}
34)
35
36or 
37
38import {DocPreview} from 'react-native-doc-preview'
39
40<DocPrewview url={} fileName={}/>

💡 Api

• iOS

API	Params	Description
openDoc	url, fileName	This api internally uses QLPreview to display the document within the app

• Android

API	Params	Description
shareDoc	url, fileName	This api invokes an Intent to select an app from list of 3rd party apps to support Document Reading

💡 Props

• General (Android/iOS)

Prop	Type	Default	Note
url: mandatory	string		Path of the file to Read
fileName: mandatory	string		Name of the file Read.