如何最小化pdf-viewer-reactjs的高度

Question

我是新的反应，我使用pdf-viewer-reactjs来显示pdf文件，我想修复pdf的高度，我尝试了样式，它不起作用，即使我用div包装了pdf并固定了高度它也不起作用，我甚至尝试了高度props它也不起作用，任何人请指导我提前谢谢你。

import PDFViewer from 'pdf-viewer-reactjs'

<PDFViewer document={{url: url}} hideNavbar={true} scale={true} css={classes.pdfView}/>

Answer 1

通过使用CanvasCss我们可以最小化高度和宽度

<PDFViewer 
document={{url:url}}
hideNavbar={true}
scale={0.2}
canvasCss={classes.pdfView}
/>

style.js

pdfView:{
height:"200px",
overflow:"auto",
}

Answer 2

使用一个固定高度的父元素和一个溢出的隐藏元素可能会解决这个问题。

<div style={{ height: "500px", overflow: "hidden" }}>
<PDFViewer 
document={{url: url}} 
hideNavbar={true}  
scale={true} 
css={classes.pdfView}
/>
</div>