时间戳

首页 > 解决方案 > 如何将cordova相机插件与framework7 react一起使用

reactjs - 如何将cordova相机插件与framework7 react一起使用

问题描述

我一直在尝试将 Cordova 的相机插件与 React 库集成，但无论是在 app.js、app.jsx 还是 cordova-app.js 文件中，都没有任何效果

    document.addEventListener(“deviceready”, onDeviceReady, false);
   function onDeviceReady() {
console.log(navigator.camera);
}

所以如果你能告诉我如何实现cordova插件，我会很高兴，因为在官方文档甚至不同的网站上，都没有向我解释如何在react或vue framework7中实现它们。

仅适用于 Framework7 Core，但适用于 React、Vue 或 Svelte。

请尽快回复我。

给有经验的贡献者一点建议，你应该在官方文档中添加 React、Vue 和 Svelte 库的 cordova 插件的安装和初始化？

谢谢你。

标签： reactjscordovainitializationcordova-pluginshtml-framework-7

解决方案

将 cordova 添加到 Index.html

<script src="cordova.js"></script>

使用cordova插件安装你的插件添加'Desired Plugin Name'

添加设备就绪事件监听器

document.addEventListener('deviceready', () => {
  alert('Device ready event fired!');
   alert(cordova.plugins); // Undefined
});

然后在您的设备内准备好插件（或在设备准备好触发后）

  window.cordova.plugins.barcodeScanner.scan(
        function (result) {
            console.log('Result: ', result)
            alert("We got a barcode\n" +
                "Result: " + result.text + "\n" +
                "Format: " + result.format + "\n" +
                "Cancelled: " + result.cancelled);
        },
        function (error) {
            alert("Scanning failed: " + error);
        }
      );

推荐阅读