前言
本章介紹如何將Weex的項目導出Android排惨,并實現(xiàn)Weex和Native的交互。
正文
導出Android項目
- 在項目中添加Android支持违诗。在項目的目錄下執(zhí)行:
weex platform add android
-
上述命令會在項目的platform文件夾下生成一個Android的文件夾牧牢,懂Android的同學進去一看就知道這是一個可以直接導入AndroidStudio的項目。
生成的Android文件夾 - 直接導入AndroidStudio即可誓沸,首次導入過程需要下載許多依賴包梅桩,耐心等待即可。如果是前端的同學可以上AndroidStudio中文網(wǎng),如果是Mac的話拜隧,配環(huán)境是相當容易的宿百。
坑:
- 添加平臺時報錯:
$ weex platform add android
error: unknown option `--telemetry'
- 解決方法:
- 先安裝 weexpack:npm install -g weexpack;
- 然后根據(jù)提示洪添,weex update weexpack@1.0.18垦页;
- 執(zhí)行weex platform add Android。
Weex和Native的交互
在實際開發(fā)中干奢,Weex的一些功能還是很難滿足復雜的需求痊焊,比如微信支付等,可以考慮使用Android原生實現(xiàn)一個模塊律胀,然后在Weex中調(diào)用宋光。
Weex實現(xiàn)了三種native端的擴展的方法:module,component,adapter。
- module用于擴展非UI的功能的邏輯模塊炭菌,比如微信支付罪佳,支付寶支付等。
- component用于View的擴展黑低,例如:RichTextview赘艳,RefreshListview 等。
- Adapter擴展Weex對一些基礎(chǔ)功能實現(xiàn)了統(tǒng)一的接口克握,可實現(xiàn)這些接口來定制自己的業(yè)務(wù)蕾管。例如:圖片下載等。
- 在Android編寫本地模塊菩暗,實現(xiàn)邏輯掰曾。
- 模塊必須繼承WXMoudle;
- 方法需要加上注解@JSMethod(uiThread = true),括號內(nèi)的uiThread決定方法是否在UI線程執(zhí)行(客戶端程序一般不在UI線程進行耗時操作)。
實現(xiàn)彈出Android原生的Toast
-
在Android的application中注冊該模塊停团。
在Application中注冊 - 在Weex中調(diào)用旷坦。
-
在<template>代碼中添加點擊按鈕和事件:
添加按鈕
2.在<Script>代碼中調(diào)用:
調(diào)用方法
-
- 如果程序底部顯示了Toast掏熬,恭喜你,你已經(jīng)掌握了moudle的使用流程了秒梅。