uniapp调用原生android插件传递回调函数

在混合开发中,uniapp调用android原生的方法,原生方法在处理过程中无法同步给js返回数据,异步执行,那么可以使用传递uniapp回调函数实现

一、编写android的方法

复制代码
public class MyLibraryPlugin  extends UniModule {
    
    private UniJSCallback mCallback;

    /**
     * @param args
     * @param callback  回调函数
     *  UniJSCallback用于js和java交互的类
     */
    @UniJSMethod(uiThread = true)
    public void  doTaskAsync(String args, UniJSCallback callback) {
        this.mCallback = callback;
        obtainSyncResult();
    }

    /**
     * 模拟耗时的异步任务
     */
    public void obtainSyncResult() {
        if (mCallback != null) {
            new Thread(() -> {
                try {
                    Thread.sleep(5000);
                    JSONObject res = new JSONObject();
                    res.put("code", "200");
                    res.put("data", "这是原生方法调用uni的回调函数的参数");
                    ///这是至关重要的一步,执行回调,回调参数只支持字符串,无法传递对象
                    mCallback.invoke(res.toString());
                    ///mCallback.invokeAndKeepAlive(res.toString());
                } catch (Exception e) {
                    e.fillInStackTrace();
                }
            }).start();
        }
    }
}

二、uniapp调用插件异步任务

复制代码
<template>
	<view class="content">
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>
		<view class="text-area" style="margin-top: 20px;">
			<button @click="testCallBack()">测试回调接口</button>
		</view>		
	</view>
</template>

<script>
	export default {
		data() {
			return { 
				title:"uniapp调用原生接口传递回调函数Demo"
			}
		},
		methods: {
          testCallBack(){
			    const  libPlugin =  uni.requireNativePlugin("MyLibraryPlugin");
                  传入匿名回调函数
			    libPlugin.doTaskAsync("uniappArgs", (ret) => {
					console.log("clickNative---ret-->" + JSON.stringify(ret))
				});
		  },
		}
	}
</script>
相关推荐
雮尘1 小时前
Android性能优化之枚举替代
android
2501_915909063 小时前
苹果上架App软件全流程指南:iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传与审核技巧详解
android·ios·小程序·https·uni-app·iphone·webview
2501_915921433 小时前
iOS 文件管理与能耗调试结合实战 如何查看缓存文件、优化电池消耗、分析App使用记录(uni-app开发与性能优化必备指南)
android·ios·缓存·小程序·uni-app·iphone·webview
小徐_23334 小时前
uni-app 也能使用 App.vue?wot-starter 是这样实现的!
前端·uni-app
2501_915918414 小时前
App 苹果 上架全流程解析 iOS 应用发布步骤、App Store 上架流程
android·ios·小程序·https·uni-app·iphone·webview
哆啦A梦15884 小时前
uniapp分包实现
前端·vue.js·uni-app·vue3
2501_916007474 小时前
苹果上架全流程详解,iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传与审核要点完整指南
android·ios·小程序·https·uni-app·iphone·webview
jingling5555 小时前
uniapp | 实现微信小程序端的分包处理
微信小程序·小程序·uni-app
约翰先森不喝酒5 小时前
uni-app 网络请求封装实战:打造高效、可维护的HTTP请求框架
uni-app
PuddingSama5 小时前
Android 高级绘制技巧: BlendMode
android·前端·面试