wonday / react-native-pdf

A <Pdf /> component for react-native
MIT License
1.58k stars 544 forks source link

Android doesn't show Acrobat Sign electronic signature page - page is completely blank #687

Open GaryGiebler opened 2 years ago

GaryGiebler commented 2 years ago

What react-native version are you using? 0.64

What react-native-pdf version are you using? 6.6

What platform does your issue occur on? (android/ios/both) android

Describe your issue as precisely as possible : module does not display an Acrobat Sign signature on Android - the page is completely blank. Agreement.pdf

Join a screenshot or video of the problem on the simulator or device?

Show us the code you are using? const options: ShareOptions = { title: 'Export PDF', url: 'file://' + FileStorage.root + '/Agreement.pdf', filename: FileStorage.root + '/Agreement.pdf', type: 'application/pdf', showAppsToView: true, excludedActivityTypes: [ 'com.apple.UIKit.activity.markupAsPDF', 'com.apple.UIKit.activity.PostToFacebook', 'com.apple.UIKit.activity.PostToTwitter', 'com.apple.UIKit.activity.PostToFlickr', 'com.apple.UIKit.activity.PostToVimeo', 'com.apple.UIKit.activity.PostToWeibo', 'com.apple.reminders.sharingextension', 'com.apple.mobilenotes.SharingExtension', 'com.apple.mobileslideshow.StreamShareService', 'message', 'markupAsPDF', 'assignToContact', 'saveToCameraRoll', 'com.linkedin.LinkedIn.ShareExtension', 'net.naan.TwitterFonPro.ShareExtension-Pro', 'pinterest.ShareExtension', 'com.google.GooglePlus.ShareExtension', 'com.tumblr.tumblr.Share-With-Tumblr', ], }

const loadFile = async () => { const filePath = FileStorage.root + '/Agreement.pdf'

const options: RNFS.DownloadFileOptions = {
  fromUrl: uri,
  toFile: filePath,
  headers: headers,
}

RNFS.downloadFile(options).promise.then(() => {
  setPdfPath(filePath)
  setLoading(false)
})

}

<Pdf source={{uri: pdfPath}} onLoadComplete={(numberOfPages, filePath) => { log.v(PDF Loaded at: ${filePath}, with ${numberOfPages} pages) }} onError={error => { log.e(PDF Error:, error) }} style={{ flex: 1, width: '100%', marginBottom: 10, borderRadius: 10, ...Theme.dropShadow, }} />

raphaelvigneaultd commented 8 months ago

Follow-up:

We would highly apreciate the E-Signatures support for our mobile application. We use PSPDFKit wich uses your library.

RN: 0.73+ RN-PSPDFKIT: 2.8.0

ferasabufares commented 4 months ago

same here any solution for this