更新记录

1.0.0（2022-08-22）

新版首发

平台兼容性

原生插件通用使用流程：

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-Gesture

原生手势组件、点击、长按、移动、捏合缩放、旋转、轻扫滑动(上下左右)(ios、android)

使用

<template>
    <view class="content">
        <KJ-Gesture id="gesture" class="gesture" ref="gesture" @onTap="onTap" @onPan="onPan" @onPinch="onPinch"
            @onRotation="onRotation" @onSwipe="onSwipe" @onLongPress="onLongPress">
            <view class="content">
                <view>我是原生手势的view</view>
                <view>支持点击、长按、移动、捏合缩放、旋转、轻扫滑动(上下左右)</view>
            </view>
        </KJ-Gesture>

    </view>
</template>

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

        },
        methods: {
            onTap(res) { //点击
                console.log("onTap:" + JSON.stringify(res.detail))
            },
            onPan(res) { //移动
                console.log("onPan:" + JSON.stringify(res.detail))
            },
            onPinch(res) { //捏合缩放
                console.log("onPinch:" + JSON.stringify(res.detail))
            },
            onRotation(res) { //旋转
                console.log("onRotation:" + JSON.stringify(res.detail))
            },
            onSwipe(res) { //轻扫滑动(上下左右)
                console.log("onSwipe:" + JSON.stringify(res.detail))
            },
            onLongPress(res) { //长按
                console.log("onLongPress:" + JSON.stringify(res.detail))
            }
        }
    }
</script>

<style>
    .gesture {
        width: 750rpx;
        height: 500rpx;
        justify-content: center;
        align-items: center;
    }

    .content {
        justify-content: center;
        align-items: center;
        background-color: aquamarine;
    }
</style>