Question

如何使用电容器而不是Cordova将Ionic Native / Cordova插件与Ionic React（不是Angular）一起使用？

我想将Screen Orientation Plugin与Capacitor和Ionic React结合使用。这是因为Ionic React项目未正式支持Cordova。 Know More。

这是我尝试过的。

import { ScreenOrientation } from '@ionic-native/screen-orientation'
.
.
.
.
useEffect(() => {
    ScreenOrientation.lock(ScreenOrientation.ORIENTATIONS.LANDSCAPE)
}, [])

我的package.json安装了以下相关依赖项。

"@ionic-native/core": "^5.13.0",
"@ionic-native/screen-orientation": "^5.13.0",
"cordova-plugin-screen-orientation": "^3.0.2"

该应用程序构建成功，但仍在Android设备上以纵向模式打开。如果我尝试显示以下内容，

console.log(ScreenOrientation.type)

该应用程序构建成功，但屏幕变为空白。

电容器的本机API与Ionic React完美配合。例如，

import { Plugins } from '@capacitor/core'
const { StatusBar } = Plugins
.
.
useEffect(() => {
    StatusBar.hide()
}, [])

将在我的Android设备上隐藏状态栏。

在Ionic React中将Cordova插件与电容器一起使用是否正确？ Reference

如果是，我在这里做错了什么？如果没有，我该如何达到相同的目标？

Answer 1

问题解决了！我所做的一切都很好，只是在安装Ionic Native插件后忘记运行npx cap sync。

因此，将Cordova插件与电容器和离子（React）结合使用的正确方法是

npm install @ionic-native/javascript-package-name
npm install cordova-plugin-name
npx cap sync

将Ionic Native / Cordova插件与Ionic（反应）和电容器配合使用的正确方法是什么？

1 个答案: