Webview中的React原生PDF只显示第一页

mu0hgdu0 于 2023-03-31 发布在 React

关注(0)|答案(1)|浏览(389)

从我在WebView中渲染的API中获取base64（expo项目）
在渲染对象和iframe内的webview我得到所需的pdf，但我只能看到第一页，没有能力滚动通过网页

<WebView
            javaScriptEnabled={true}
          scrollEnabled={false}
            source={{
              html: `\
              <div style="display:flex;height:100%">
              <object style="margin:auto" width data="data:application/pdf;base64, ${pdf64}" type="application/pdf">
                <iframe style="width:'100%;height:100%" src="https://docs.google.com/viewer?&embedded=true"></iframe>
            </object>
             </div>
        `,
            }}
          />

这是目前的代码，这是一种工作

react-native

来源：https://stackoverflow.com/questions/75889284/react-native-pdf-in-webview-only-showing-the-first-page

1条答案

按热度按时间

e37o9pze1#

请尝试将您的代码 Package 在ScrollView中，以使内容可见/可滚动。请参阅下面的示例以供参考

const [pdfData, setPdfData] = useState("");
let image = "data:application/pdf;base64, ${yourPdfBase64}";
setPdfData(image);

<SafeAreaView style={{flex: 1}}>
      <ScrollView
        style={{ width: '100%' }}
        contentContainerStyle={{ flexGrow: 1 }}>
        <WebView
            useWebKit={true}
            originWhitelist={['*']}
            scrollEnabled={true}
            mediaPlaybackRequiresUserAction={true}
            source={{
               html: `
            <html>
            <object data="${pdfData}" type="application/pdf">
                <embed 
                    scrollbar="1" 
                    src="${pdfData}" 
                    type="application/pdf" 
                   
                />
            </object>
            </html>
           `}}
        />
   </ScrollView>
</SafeAreaView>

赞(0）回复(0）举报 2023-03-31

我来回答

Webview中的React原生PDF只显示第一页

1条答案

相关问题

热门标签

最新问答