vinzscam / react-native-file-viewer Goto Github PK
View Code? Open in Web Editor NEWNative file viewer for React Native. Preview any type of file supported by the mobile device.
License: MIT License
Native file viewer for React Native. Preview any type of file supported by the mobile device.
License: MIT License
When I try to open a png file on my Huawei P20 Lite I am getting this error:
RNCWebView
at com.facebook.react.uimanager.ViewManagersPropertyCache$PropSetter.updateViewProp(ViewManagersPropertyCache.java:98)
at com.facebook.react.uimanager.ViewManagerPropertyUpdater$FallbackViewManagerSetter.setProperty(ViewManagerPropertyUpdater.java:134)
at com.facebook.react.uimanager.ViewManagerPropertyUpdater.updateProps(ViewManagerPropertyUpdater.java:54)
at com.facebook.react.uimanager.ViewManager.updateProperties(ViewManager.java:48)
at com.facebook.react.uimanager.NativeViewHierarchyManager.createView(NativeViewHierarchyManager.java:278)
at com.facebook.react.uimanager.UIViewOperationQueue$CreateViewOperation.execute(UIViewOperationQueue.java:179)
at com.facebook.react.uimanager.UIViewOperationQueue$1.run(UIViewOperationQueue.java:773)
at com.facebook.react.uimanager.UIViewOperationQueue.flushPendingBatches(UIViewOperationQueue.java:888)
at com.facebook.react.uimanager.UIViewOperationQueue.access$2200(UIViewOperationQueue.java:42)
at com.facebook.react.uimanager.UIViewOperationQueue$2.runGuarded(UIViewOperationQueue.java:846)
at com.facebook.react.bridge.GuardedRunnable.run(GuardedRunnable.java:29)
at android.os.Handler.handleCallback(Handler.java:907)
at android.os.Handler.dispatchMessage(Handler.java:105)
at android.os.Looper.loop(Looper.java:216)
at android.app.ActivityThread.main(ActivityThread.java:7625)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:524)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:987)
Caused by: java.lang.reflect.InvocationTargetException
at java.lang.reflect.Method.invoke(Native Method)
at com.facebook.react.uimanager.ViewManagersPropertyCache$PropSetter.updateViewProp(ViewManagersPropertyCache.java:83)
... 17 more
Caused by: com.facebook.react.bridge.UnexpectedNativeTypeException: Value for uri cannot be cast from ReadableNativeMap to String
at com.facebook.react.bridge.ReadableNativeMap.checkInstance(ReadableNativeMap.java:139)
at com.facebook.react.bridge.ReadableNativeMap.getNullableValue(ReadableNativeMap.java:127)
at com.facebook.react.bridge.ReadableNativeMap.getString(ReadableNativeMap.java:161)
at com.reactnativecommunity.webview.RNCWebViewManager.setSource(RNCWebViewManager.java:431)
... 19 more
Android 9
Version: 2.0.1
React Native: 0.61.5
Works on ios, not android.
ExpoKit (detached expo) project running sdk 32.
I've updated my app to use react native 0.61 and since then, I'm getting this error when I import react-native-file-viewer
in my files.
Looks like this in my files :
import FileViewer from 'react-native-file-viewer';
...
async openAttachment(localFilePath) {
try {
setTimeout(async () => {
await FileViewer.open(localFilePath);
}, 100);
} catch (e) {
this.unableToOpenFile();
}
}
Imported :
"react-native-file-viewer": "^2.0.1",
I'm using the automatic installation
So my app can either have PDF documents or images, does this support images?
trying to open files with uppercase extensions like "image.JPG" prevents proper mimetype identification and intent error.
UnexpectedNativeTypeException
I am trying to open a xlxs file on emulator with Android 10. If I install any application wich can open xlsx it works fine but when no application installed it crashes with following native exception:
com.facebook.react.bridge.UnexpectedNativeTypeException: Value for message cannot be cast from ReadableNativeMap to String
at com.facebook.react.bridge.ReadableNativeMap.checkInstance(ReadableNativeMap.java:139)
at com.facebook.react.bridge.ReadableNativeMap.getNullableValue(ReadableNativeMap.java:127)
at com.facebook.react.bridge.ReadableNativeMap.getString(ReadableNativeMap.java:161)
at com.facebook.react.modules.dialog.DialogModule.showAlert(DialogModule.java:195)
at java.lang.reflect.Method.invoke(Native Method)
at com.facebook.react.bridge.JavaMethodWrapper.invoke(JavaMethodWrapper.java:371)
at com.facebook.react.bridge.JavaModuleWrapper.invoke(JavaModuleWrapper.java:150)
at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
at android.os.Handler.handleCallback(Handler.java:883)
at android.os.Handler.dispatchMessage(Handler.java:100)
at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:26)
at android.os.Looper.loop(Looper.java:214)
at com.facebook.react.bridge.queue.MessageQueueThreadImpl$4.run(MessageQueueThreadImpl.java:225)
at java.lang.Thread.run(Thread.java:919)
Version: 2.0.1
React Native: 0.61.5
Hi @vinzscam,
I'm using Android Marshmallow Emulator and react-native-document-picker to pick a file which the response is a file URI then I convert it using react-native-get-real-path and the response is a absolute path.
Now when I used react-native-file-viewer I just pass the absolute path on it and it was able to open .jpg(need to pick a photo viewer app) and .txt(html view) but I got an error when I tried to open .docx, .PPTX and .pdf.
I would like to ask for your assistance on this.
FYR.
can not show file in ios 9.3 example iphone 4s , and also not show 3gp file in ios later like 12
Hi! I have an error. Please help me to fix this. What am I doing wrong?
`> react-native run-android
info JS server already running.
info Building and installing the app on the device (cd android && ./gradlew app:installDebug)...
Configure project :app
Could not find google-services.json while looking in [src/nullnull/debug, src/debug/nullnull, src/nullnull, src/debug, src/nullnullDebug]
registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection)
Could not find google-services.json while looking in [src/nullnull/release, src/release/nullnull, src/nullnull, src/release, src/nullnullRelease]
registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection)
Configure project :react-native-audio
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-device-info
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-document-picker
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-fabric
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-fast-image
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-i18n
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-image-crop-picker
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-keychain
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-navigation
downloadRobolectricDependencies /Users/nikbelikov/Documents/rt-life-frontend/android/build/robolectric-dependencies
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
WARNING: Configuration 'testCompile' is obsolete and has been replaced with 'testImplementation'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-svg
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-text-input-mask
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-toast
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-touch-id
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-vector-icons
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-video
WARNING: Configuration 'provided' is obsolete and has been replaced with 'compileOnly'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :react-native-webview
:react-native-webview:reactNativeAndroidRoot /Users/nikbelikov/Documents/rt-life-frontend/node_modules/react-native/android
Configure project :react-native-zeroconf
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :reactnativekeyboardinput
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :reactnativenotifications
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
WARNING: Configuration 'testCompile' is obsolete and has been replaced with 'testImplementation'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Configure project :rn-fetch-blob
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
Task :app:processDebugGoogleServices
Parsing json file: /Users/nikbelikov/Documents/rt-life-frontend/android/app/google-services.json
Task :app:compileDebugJavaWithJavac FAILED
/Users/nikbelikov/Documents/rt-life-frontend/android/app/src/main/java/ru/rt/life/MainApplication.java:74: error: cannot find symbol
new RNFileViewerPackage(),
^
symbol: class RNFileViewerPackage
location: class MainApplication
Note: /Users/nikbelikov/Documents/rt-life-frontend/android/app/src/main/java/ru/rt/life/CustomPushNotification.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
1 error
FAILURE: Build failed with an exception.
Compilation failed; see the compiler error output for details.
Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
Get more help at https://help.gradle.org
BUILD FAILED in 5s
387 actionable tasks: 8 executed, 379 up-to-date
error Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/getting-started.html
error Command failed: ./gradlew app:installDebug. Run CLI with --verbose flag for more details.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] android: react-native run-android
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] android script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/nikbelikov/.npm/_logs/2019-12-02T10_06_20_281Z-debug.log
Process finished with exit code 1
`
Hi,
We were trying to open a pdf file stored in a local file using android emulator.
The file was downloaded using RNFS and stored in document directory path.
In order to fetch the file , we've used ${RNFS.DocumentDirectoryPath}
+ "/" + "artworkId=28960045relMedia=43381lang=EN.pdf and in the console the value of it is
"/data/user/0//files/artworkId=28960045relMedia=43381lang=EN.pdf". However it doesn't open the file and instead it throws an error : Failed to find configured root that contains /data/data//files/artworkId=28960045relMedia=43381lang=EN.pdf
Can you advise on how to fix the issue or if we did something wrong in using the module?
Thanks
Hi,
I want to do show file in my react-native application with uwp. so i installed this package to my react-native winows app. after installation i linked this to my app via visual studio. After add this .csprojt , under refernce i got the warning symbol and also got the message as "Warning The project 'ReactNative' cannot be referenced. RNFileViewer" in VisualStudio2019. my react-native project version is 0.59.0 and react-native-windows --template vnext version also 0.59.0. Could you please tell how to resolve this.
I'm opening some interactive PDFs through the file-viewer, and it does allow edits, and enabled the share options. Only problem is if I then save to file system, send to mail, etc, only the base PDF is saved/sent, without any input content (on ios at least). Perhaps as this is called a file "viewer" I'm hoping for too much, but can anything be done? I thought this package was just invoking whatever native file app is registered for a filetype, if that allows edit & save why wouldn't that work? Is there an option to open a file in non-read-only mode?
Is there a way to hide the status bar while viewing a file on ios?
In my app the status bar is always hidden. When I open a PDF with this modules, the status bar shows up and then stays present in my app after I close the file preview. Any ideas?
Thanks
Hi @vinzscam, first off, thanks for this library! Very useful and works very well for my use case.
One thing that is not working for me is the Save to File option from the context menu: When viewing a file, I press the export button (arrow coming out of the box icon in the upper right corner, next to the filename); the context menu shows up as expected; when I press Save to Files, the context menu disappears as expected, and a blank/white view slides in from the bottom of the screen and then immediately disappears again. No error seems to be thrown and nothing else happens. Other menu options such as Print seem to work fine (I haven't tried actually printing but the Printer Options dialog comes up as expected).
I didn't find any mention of this in the docs and in existing issues. Any ideas?
Thanks!
Hey, Firstly, thanks for your hard work! Ios is working beautifully and can't wait to get this up on android..
First issue
The readme installation instructions for android number,
Copy android/src/main/res/xml/file_viewer_provider_paths.xml to your project res/xml/ directory
I can't find that path in my project.
Second, I can't open a docx on android. I'm assuming due to not completely step four of the installation. But...
`
// // const path = // absolute-path-to-my-local-file.
FileViewer.open(filePath)
.then(() => {
console.log('success')
// success
})
.catch(error => {
// error
console.log('Error viewing document', error)
})
I should also note. When attempting to open a PDF, I get a success and can view the document.
I am not using RNFS but RNfetchBlob as it supports more of what I'm doing with streams.
UPDATE: It may appear android just doesn't support docx. If you can verify this, lets get a PR stating that in the docs to save newbies like me some time ;).
Thanks!
I'm not able to run the project when i link this library, i followed the steps but when try to compile i get
'React/RCTDefines.h' file not found
I'm using a expo detached app.
thanks for any help
Hi. I'm running into this error when trying to make use of your Library. I combining this library with react-native-document-picker. I have in my android/app/src/main/res/xml
file the following code:
<?xml version='1.0' encoding='utf-8'?>
<paths xmlns:android="http://schemas.android.com/apk/res/android">
<files-path name="files" path="/" />
<external-files-path name="external_files" path="" />
<external-path name="external" path="." />
<cache-path name="cache" path="/" />
</paths>
Also, in my AndroidManifest.xml
file, I have:
<provider
android:name="com.vinzscam.reactnativefileviewer.FileProvider"
android:authorities="${applicationId}.provider"
android:exported="false"
android:grantUriPermissions="true">
<meta-data
android:name="android.support.FILE_PROVIDER_PATHS"
android:resource="@xml/file_viewer_provider_paths"
/>
</provider>
Library is linked as directed in the docs. In my code, after getting the response object returned by react-native-document-picker, I am passing the uri as an argument to the open method:
const resFile = await documentPicker(['images'], {maxWidth: 250}) // This is a utility method that abstracts certain implementations, but functionality is same as regular documentPicker
if (resFile) {
FileViewer.open(resFile.uri)
.then(() => {
//do something awesome here
})
.catch(error => {
console.log(error) // This bit prints out the `Failed to find configured root that contains` errors
})
}
React Native version: 0.59.9
React Native File Viewer version: 2.0.2
Add an option to provide arrays with file and current index so we can swipe right/left to view files just like Files app.
On Android all work fine.
But when i open file on ios - it opens for a split second and then closes itself. There are no errors in the logs
Cannot get it working with expo 36. Removing node_modules
and yarn.lock file is not helping.
import FileViewer from 'react-native-file-viewer';
=> Invariant Violation: Native module cannot be null.
Hi,
I tried this library for open a pdf file from react-native. My app should be support for all platform like ios,android and windows uwp also. i just tried to open a pdf file from my path. but FileViewer return error only. Here my code
const path ="C:\Users\sss\test.pdf";
FileViewer.open(path)
.then(() => {
// success
console.log("File opened successfully")
})
.catch(error => {
// error
console.log("File open error"+error)
});
}
my react-native version is 0.59.10. Could you please write a sample for windows also?..
When I open a pdf in the left top there is a button with the text "Done" that its like, close or go back, is there anyway I can change that text? I need it in another language, at first I thought it was reading device language, but it isnt
All about Android. I've downloaded a pdf file to a device storage. Next call:
FileViewer.open(filelPath, { showOpenWithDialog: true, showAppsSuggestions: true })
It shows 'Open with' menu with suggested Adobe Acrobat which is correct.
However, when I tap open with Adobe Acrobat it show an error:
This file could not be accessed, Check the location or the network and try again
Could someone help me with that ?
Hello, I'm trying to open a file on android but this is showing up inside catch...
My code:
const decodedData = (Here goes a decoded Base64 string)
const file = 'test.pdf'
const dest = `${RNFS.DocumentDirectoryPath}/${file}`
RNFS.writeFile(dest, decodedData)
.then(() => {
console.info('File saved', dest)
})
.catch(err => {
console.info(err.message, err.code)
})
RNFS.copyFileAssets(file, dest)
.then(() => FileViewer.open(dest))
.then(() => {
console.info('Success')
})
.catch(_err => {
console.info(_err)
})
Hi, great library.
We need to be able to detect when the user has dismissed the file viewer. Would it be possible to add a callback/listener that we can use to detect when that happens and the control returns to the main app?
Hi,
I using this great library and I was trying to migrate my react native project to AndroidX but the following error is show:
Error:
package android.support.v4.content does not exist
In the file:
android\src\main\java\com\vinzscam\reactnativefileviewer\RNFileViewerModule.java
Line:
8
Do you know when I will be able to use this library with AndroidX?
Thanks.
Hi,
I already did manuel link and everything. But i am getting error when try to use command
./gradlew assembleRelease
I ve do it with ios without issue already send my version to testflight. However with android i am getting this error with stacktrace
/Users/gurcanyavuz/Documents/_GurcanCalismalar/Tanbula/Tanbula/node_modules/react-native-file-viewer/android/build/intermediates/res/compiled/release/drawable-hdpi-v4_notification_bg_low_normal.9.png.flat\ -R\ /Users/gurcanyavuz/Documents/_GurcanCalismalar/Tanbula/Tanbula/node_modules/react-native-file-viewer/android/build/intermediates/res/compiled/release/values-ja_values-ja.arsc.flat\ -R\ /Users/gurcanyavuz/Documents/_GurcanCalismalar/Tanbula/Tanbula/node_modules/react-native-file-viewer/android/build/intermediates/res/compiled/release/drawable-v23_abc_control_background_material.xml.flat\ -R\ /Users/gurcanyavuz/Documents/_GurcanCalismalar/Tanbula/Tanbula/node_modules/react-native-file-viewer/android/build/intermediates/res/compiled/release/xml_preferences.xml.flat\ -R\ /Users/gurcanyavuz/Documents/_GurcanCalismalar/Tanbula/Tanbula/node_modules/react-native-file-viewer/android/build/intermediates/res/compiled/release/drawable-xhdpi-v4_notification_bg_normal_pressed.9.png.flat\ -R\ /Users/gurcanyavuz/Documents/_GurcanCalismalar/Tanbula/Tanbula/node_modules/react-native-file-viewer/android/build/intermediates/res/compiled/release/drawable-xhdpi-v4_abc_ic_menu_selectall_mtrl_alpha.png.flat\ --auto-add-overlay\ --non-final-ids\ -0\ apk\ --no-version-vectors Daemon: AAPT2 aapt2-3.2.1-4818971-osx Daemon #0 at com.android.builder.internal.aapt.v2.Aapt2DaemonImpl.doLink(Aapt2DaemonImpl.kt:177) at com.android.builder.internal.aapt.v2.Aapt2Daemon.link(Aapt2Daemon.kt:103) at com.android.builder.internal.aapt.v2.Aapt2DaemonManager$LeasedAaptDaemon.link(Aapt2DaemonManager.kt:176) at com.android.builder.core.AndroidBuilder.processResources(AndroidBuilder.java:823) at com.android.build.gradle.internal.res.Aapt2ProcessResourcesRunnable$run$1.invoke(Aapt2ProcessResourcesRunnable.kt:34) at com.android.build.gradle.internal.res.Aapt2ProcessResourcesRunnable$run$1.invoke(Aapt2ProcessResourcesRunnable.kt:28) at com.android.build.gradle.internal.res.namespaced.Aapt2DaemonManagerService.useAaptDaemon(Aapt2DaemonManagerService.kt:71) at com.android.build.gradle.internal.res.namespaced.Aapt2DaemonManagerService.useAaptDaemon$default(Aapt2DaemonManagerService.kt:69) at com.android.build.gradle.internal.res.Aapt2ProcessResourcesRunnable.run(Aapt2ProcessResourcesRunnable.kt:33) at com.android.ide.common.workers.ExecutorServiceAdapter$submit$submission$1.run(ExecutorServiceAdapter.kt:39) ... 120 more
Hi,
I got this issue while trying to open file after downloading.
RNFS.downloadFile(options).promise
.then(() => FileViewer.open(localFile))
.then(() => {
// success
console.log('successs')
})
.catch(error => {
console.log('erorrr')
// error
});
I pass the file path "/storage/emulated/0/Android/data/com.awesomegroup.ngager/files/Whitepaper_Var%20inte%20r%C3%A4dd%20f%C3%B6r%20din%20r%C3%A4dsla.pdf"
Any idea why ?
X-code version: 10.3
React native version: 0.59.8
When building I'm getting an error
Lexical or Preprocessor Issue Group
/node_modules/react-native-file-viewer/ios/RNFileViewerManager.h:2:9: 'React/RCTBridgeModule.h' file not found
Hey @vinzscam,
It looks like you changed the typescript definitions to remove the default tag, but the default tag is still in the index.js file?
Cheers,
Maddi
if we provide timeout and open, it works normally
Does it work only with local files ? Can I open files by link without downloading ?
i am new to react-native i unable to preview the files after getting Uri path please help me
DocumentPicker.show({ filetype: [DocumentPickerUtil.allFiles()], },(error,res) => {
console.log(
res.uri,
res.type, // mime type
res.fileName,
res.fileSize
);
if(res) {
FileViewer.open(res.uri)
.then(() => {
console.log("Success")
})
.catch(_err => {
console.log("Error")
});
}
});
}`
2019-03-22 14:54:12.125034+0530 D_I_Picker[21219:7357050] [default] QLUbiquitousItemFetcher: <QLUbiquitousItemFetcher: 0x283e85ae0> could not create sandbox wrapper. Error: Error Domain=NSPOSIXErrorDomain Code=2 "couldn't issue sandbox extension com.apple.quicklook.readonly for '/file:/private/var/mobile/Containers/Data/Application/8B1B80D1-96E0-4415-9C82-7F0BC1EB4357/tmp/org.reactjs.native.example.D-I-Picker-Inbox/Jan%20to%20Feb%2021%20st%20stmt.pages': No such file or directory" UserInfo={NSDescription=couldn't issue sandbox extension com.apple.quicklook.readonly for '/file:/private/var/mobile/Containers/Data/Application/8B1B80D1-96E0-4415-9C82-7F0BC1EB4357/tmp/org.reactjs.native.example.D-I-Picker-Inbox/Jan%20to%20Feb%2021%20st%20stmt.pages': No such file or directory} #PreviewItem
My File Saved In this Path
path /data/user/0/co.dayamooz.teacher/downloadFiles/other/photo_2018-09-15_17-08-11/downloadFiles/other/photo_2018-09-15_17-08-114
Error Is
blob:http://localhost:8081/80bc6725-7ef9-4c84-9f2b-99fce59b0b81:208134 error Error: Failed to find configured root that contains /data/data/co.dayamooz.teacher/downloadFiles/other/photo_2018-09-15_17-08-11/downloadFiles/other/photo_2018-09-15_17-08-11
HELP ME PLEASE
Hi,
i'm trying to display animated gif files but I can't not view this type of files.
I'm using the 1.0.5 version.
is it possible?
thanks!
I have few doc files which I want to open. They are present in assets folder. Can you assist me in how to pass the filepath in the method FileViewer.open(filepath).
Thank you.
Hi, thanks for the library
I'm facing this issue:
When the user goes back from the viewer app (the app that was used to open the file) to the current app using the Back Button on Android, the current app crashes
Help please!
I am developing application for windows platform using react native and while using this lib, i am facing this issue.
React-native: 0.57
import React, { Component } from 'react'; import { AppRegistry, Text, View, Image, Button, Alert } from 'react-native'; import FileViewer from 'react-native-file-viewer'; import RNFS from 'react-native-fs'; var path = RNFS.DocumentDirectoryPath + '/test.txt'; componentDidMount() { FileViewer.open(path) } render() { return ( <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}> <Text>Demo</Text> </View> ) } }
and if i use this in ComponentDidMount, then it returns file content
If i use this, it shows content of test.txt file sucessfully
RNFS.readFile(path, 'utf8') .then((success) => { Alert.alert('FILE WRITTEN!' + success); }) .catch((err) => { Alert.alert(err.message); });
what is the problem?
The video file is not getting open is there any other way to open it in local device
Since I upgraded gradle from 2.2.+ to 3, this package has stopped working on Android, the new onDismiss callback is being fired more or less immediately. I'm downloading the file first from a remote location to local via RNFS, then viewing the local copy. I've upgraded to the latest version of this package and RNFS, and fully relinked.
Any ideas?
Hello guys, I'm trying to preview a file which is served from my server.
If I open the url in the browser I can see the preview, but if I try to open it using react-native-file-viewer it doesn't show anything.
I already tried to preview another file from the internet which wasn't from my server and it worked well.
To serve the file from server I used
res.sendFile(result[0].path, {root: '.'});
from nodejs express, and to preview it:
FileViewer.open('http://'+this.props.route+'?read=true').catch(error => console.log(error));
where this.props.route is the actual route
Please update docs:
import com.reactlibrary.RNFileViewerPackage;
- this package doesn't exist
import com.vinzscam.reactnativefileviewer.RNFileViewerPackage;
- this does...
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.