weex android 其实已经内置了zxing的扫描二维码的功能,我们需要做的就是将其封装成一个weex可以使用的module即可。
先贴代码结构图:
第一步,创建ScanModule.java
package com.alibaba.weex;
import com.taobao.weex.annotation.JSMethod;
import com.alibaba.weex.WXPageActivity;
import com.taobao.weex.bridge.JSCallback;
import com.taobao.weex.common.WXModule;
import com.google.zxing.integration.android.IntentIntegrator;
public class ScanModule extends WXModule {
@JSMethod
public void scanCode(JSCallback callback) {
WXPageActivity act=(WXPageActivity)mWXSDKInstance.getContext();
act.setOnScanFinishCallback(callback);
IntentIntegrator integrator = new IntentIntegrator(act);
integrator.initiateScan();
}
}
第二步,WXPageActivity 中做些修改
private JSCallback onScanFinishCallback=null;
public void setOnScanFinishCallback(JSCallback callback){
this.onScanFinishCallback=callback;
}
//新增自定义处理代码
if(this.onScanFinishCallback!=null){
Map data = new HashMap();
data.put("result",true);
data.put("data",code);
this.onScanFinishCallback.invokeAndKeepAlive(data);
}else {
Toast.makeText(this, code, Toast.LENGTH_SHORT).show();
Intent intent = new Intent(Constants.ACTION_OPEN_URL);
intent.setPackage(getPackageName());
intent.setData(Uri.parse(code));
startActivity(intent);
}
第三步,注册module
在WXApplication.java 的 onCreate方法中添加
WXSDKEngine.registerModule("zfjg-scan", ScanModule.class);// 这里module名称可以自定义
如何使用?
const scan = weex.requireModule('zfjg-scan')
scan.scanCode(res=>{
//res 即为返回的数据
modal.toast({
message : res.data,
duration : 0.3
})
})
打完收工!