0
747
Visualizações¿Ver base64 pdf en webview reaccionar nativo en iOS?
Esto es lo que estoy tratando
const [pdf, setPdf] = useState("") let image = "data:application/pdf;base64," + curr.Body.toString('base64'); setPdf(image) <WebView style={styles.pdf} useWebKit={true} originWhitelist={['*']} scrollEnabled={true} mediaPlaybackRequiresUserAction={true} source={{ html: ` <html> <object data="${pdf}" type="application/pdf"> <embed scrollbar="1" src="${pdf}" type="application/pdf" /> </object> </html> ` }} />el siguiente es lo que estoy recibiendo. El PDF contiene 5 páginas, pero solo aparece una en la pantalla.
ayúdame a obtener el pdf completo a la vista.
·
Juan Pablo Isaza
1 Respostas
Responde à pergunta0
intente envolver su código con ScrollView para que el contenido sea visible/desplazable:
<SafeAreaView style={{flex: 1}}> <ScrollView style={{ width: '100%' }} contentContainerStyle={{ flexGrow: 1 }} > <WebView style={styles.pdf} useWebKit={true} originWhitelist={['*']} scrollEnabled={true} mediaPlaybackRequiresUserAction={true} source={{ html: ` <html> <object data="${pdf}" type="application/pdf"> <embed scrollbar="1" src="${pdf}" type="application/pdf" /> </object> </html> ` }} /> </ScrollView> </SafeAreaView>O puede usar una biblioteca dedicada para leer archivos PDF, como: https://www.npmjs.com/package/rn-pdf-reader-js Aquí hay un ejemplo:
<PDFReader style={{flex:1, flexGrow:1}} source={{ uri: 'http://www.africau.edu/images/default/sample.pdf', }} />
·
Juan Pablo Isaza
Relatório
Responde à pergunta