更新记录

1.0.0（2022-06-15）

首次更新

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

KJ-Safari

应用内打开Safair、app嵌入Safair

使用

<template>
    <view class="content">
        <button type="primary" @click="open">打开</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: 'Hello'
            }
        },
        onLoad() {

        },
        methods: {
            open() {
                const KJSafari = uni.requireNativePlugin('KJ-Safari');
                var dic = {
                    "url": "https://ext.dcloud.net.cn/plugin?id=8149",
                    "entersReaderIfAvailable": false, //是否显示阅读模式
                    "barCollapsingEnabled": true, //ios11及以上生效，是否开启自动导航栏的折叠和底部工具栏的隐藏
                    "preferredBarTintColor": "#123456", //ios10及以上生效，导航栏颜色
                    "preferredControlTintColor": "#123456", //ios10及以上生效，底部工具栏颜色
                    "dismissButtonStyle": 0 //ios11及以上生效，导航栏关闭按钮文字 0-完成 1-关闭 2-取消
                }
                KJSafari.open(dic, (res) => {
                    //打开内置Safari状态回调
                    console.log("打开内置Safari状态回调:" + res)
                }, (res) => {
                    //网页加载情况回调
                    console.log("网页加载情况回调:" + res)
                }, (res) => {
                    //点击 导航栏关闭按钮 或 返回 回调
                    console.log("点击 导航栏关闭按钮 或 返回 回调:" + res)
                }, (res) => {
                    //ios14及以上生效 点击工具栏按钮在默认浏览器中打开当前页面时调用。
                    console.log("点击工具栏按钮在默认浏览器中打开当前页面时调用:" + res)
                })
            }
        }
    }
</script>

<style>

</style>