配置- 插件/ 反应- 本地化- pdf
考虑使用WebView或Web浏览器在您的应用中快速显示PDF. 读取替代部分以学习更多.
自动配置的配置插件 react-native-pdf 当本地代码生成时( w)npx expo prebuild) (中文(简体) ).
版本
确保您使用共同工作的版本 !
expo | react-native-pdf | @config-plugins/react-native-pdf |
|---|---|---|
| 56.0.0 (单位:千美元) | 7.0.4 (中文(简体) ) | 14.0.0 (中文(简体) ) |
| 55.0.0 (简体中文) | 7.0.4 (中文(简体) ) | 13.0.0 (单位:千美元) |
| 54.0.0 (单位:千美元) | 6.7.7 国家 | 12.0.0 (单位:千美元) |
| 53.0.0 (韩语) | 6.7.7 国家 | 11.0.0 国家 |
| 52.0.0 (简体中文) | 6.7.6 (中文(简体) ) | 9.0.0 (单位:千美元) |
| 51.0.0 (单位:千美元) | 6.7.5 (单位:千美元) | 8.0.0 (单位:千美元) |
| 50.0.0 (中文(简体) ) | 6.7.4 (中文(简体) ) | 7.0.0 (单位:千美元) |
| 49.0.0 (单位:千美元) | 6.7.1 国家 | 6.0.0 (单位:千美元) |
| 48.0.0 (简体中文) | 6.6.2 国家 | 5.0.0 (单位:千美元) |
将软件包添加到您的 npm 依赖性
此软件包不能用于“ Expo Go” 应用程序, 因为 它需要自定义本地代码。 。 。 .
首先用纱线、 npm 或 npx expo install。 。 。 .
npx expo install react-native-pdf react-native-blob-util @config-plugins/react-native-pdf @config-plugins/react-native-blob-util
安装此 npm 软件包后, 添加 配置插件 页:1 plugins 您的数组 app.json 或者说 app.config.js数字 :
{
"plugins": [
"@config-plugins/react-native-blob-util",
"@config-plugins/react-native-pdf"
]
}
接下来,重建您的应用程序,如 "添加风俗本土代码" 向导.
替代品
考虑打开网页浏览器以显示 PDF :
import * as WebBrowser from "expo-web-browser";
import { Text } from "react-native";
export default function HomeScreen() {
return (
<Text
onPress={() => {
WebBrowser.openBrowserAsync(
"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"
);
}}
>
Open in-app browser
</Text>
);
}
或内 WebView 对包含的视图:
import { WebView } from "react-native-webview";
export default function HomeScreen() {
return (
<WebView
style={{ width: 100, height: 100 }}
source={{
uri: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
}}
/>
);
}
或者,如果用户拥有比考虑使用更受欢迎的 PDF 查看器应用程序 Share API允许用户在其首选的应用中打开PDF. 这简直就是 UIDocumentInteractionController 用于iOS.
终于,你可以使用 DOM 组件 用于自定义网络体验.