使用runtime 實現weex 跳轉原生頁面

来源:http://www.cnblogs.com/dengzhuli/archive/2017/01/10/6270681.html
-Advertisement-
Play Games

一、簡述 最近項目組打算引入weex,並選定了一個頁面進行試水。頁面很簡單,主要是獲取數據渲染頁面,並可以跳轉到指定的頁面。跟之前使用RN 相比,weex 確實要簡單很多。從下圖中我們可以看到,weex 頁面需要跳轉到原生頁面,並且跳轉到哪個頁面我們可能並不能寫死。也就是說只要原生頁面之前項目中寫過 ...


一、簡述

  最近項目組打算引入weex,並選定了一個頁面進行試水。頁面很簡單,主要是獲取數據渲染頁面,並可以跳轉到指定的頁面。跟之前使用RN 相比,weex 確實要簡單很多。從下圖中我們可以看到,weex 頁面需要跳轉到原生頁面,並且跳轉到哪個頁面我們可能並不能寫死。也就是說只要原生頁面之前項目中寫過了,那麼理論上來說使用weex 可以任意調用。那麼問題來了,我原來的頁面可能只知道名字,我怎麼為那個頁面傳值呢?比如有個頁面orderDetailVC  ,跳轉時需要傳入orderId,即orderDetailVC.orderId = @"123"; 

二、思考

  可能最直接的想法就是直接原生給weex 提供一個方法,讓weex 傳入orderId,然後再push。但是如果明天我們需要跳轉到另一個頁面merchantDetailVC呢?它需要的不是orderId了,可能是一個merchantId,甚至更多參數。那怎麼才能實現任意跳轉呢?我的想法是,項目是我寫的,需要跳轉到哪個類,那麼這個類名我肯定是清楚的,並且這個類應該需要什麼參數我也是清楚的。只不過我可能不知道怎麼用weex 把它參數傳過去而已。如果知道了類名就意味著我知道了這個類,我能找到這個類,那麼我就知道這個類有哪些屬性了,這個類的所有屬性我都能拿到,只不過有些是我需要給它賦值的,有些是不需要處理的。

三、實現

  整體的思路是:原生給weex 提供一個通用的跳轉方法。參數是類名和屬性字典。

//控制器相關
/*
 vcName: 頁面名稱
 param:頁面所需參數(如原來的頁面需要傳遞小區id,工單號等等,字典形式傳過去,key 與頁面所需參數名稱一致即可。
 */
-(void)pushViewController:(NSString *)vcName param:(NSDictionary *)param;

/*
 將APP 當前展示的頁面pop
 */
-(void)popViewController;

/*
 vcName: 頁面名稱
 param:頁面所需參數(如原來的頁面需要傳遞小區id,工單號等等,字典形式傳過去,key 與頁面所需參數名稱一致即可。
 */
-(void)presentViewController:(NSString *)vcName param:(NSDictionary *)param finish:(WXModuleCallback)callback;

/*
 將APP 當前展示的頁面dismiss
 */
-(void)dismissViewController:(WXModuleCallback)callback;

 提供方法後weex 可以這樣調用:

確定了方案之後,剩下唯一的事情就是如何實現給weex 提供的方法。代碼如下:

-(void)pushViewController:(NSString *)vcName param:(NSDictionary *)param{
    
    //獲取類
    Class vcClass = NSClassFromString(vcName);
    if (vcClass == nil) {
        return;
    }
    
    BaseViewController *vc = [[vcClass alloc] init];
    vc.hidesBottomBarWhenPushed = YES;
    
    //屬性數量
    unsigned int count = 0;
    
    //獲取屬性列表
    objc_property_t *plist = class_copyPropertyList(vcClass, &count);
    
    
    for (int i = 0; i<count; i++) {
        
        //取出屬性
        objc_property_t property = plist[i];
        
        //取出屬性名稱
        NSString *propertyName =  [NSString stringWithUTF8String:property_getName(property)];
        
        //以這個屬性名稱作為key ,查看傳入的字典里是否有這個屬性的value
        if (param[propertyName]) {
            
            [vc setValue:param[propertyName] forKey:propertyName];
        }
    }

    //釋放
    free(plist);
    
    //獲取當前頁面控制器
    /*
     獲取當前頁面控制器是根據響應鏈獲取的。
     */
    UIViewController *currentVC = [Utils getCurrentVC];
    if ([currentVC isKindOfClass:[UINavigationController class]]) {
        [(UINavigationController *)currentVC pushViewController:vc animated:YES];
    }else{
        [currentVC.navigationController pushViewController:vc animated:YES];
    }
}

 經過小規模自測發現是可以實現需求的。但是由於實現時間不長,可能會有不足之處,請謹慎參考。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • [1]語法 [2]灰度 [3]飽和度 [4]褐色 [5]色相 [6]反色 [7]透明度 [8]亮度 [9]對比度 [10]模糊 [11]陰影 ...
  • 新人,小白一枚,剛剛參加工作,所以會在這裡記錄一些遇到的問題。 最近要做的東西,是對一個表格動態的添加行,刪除行,並且對錶格中內容進行非空驗證。 ...
  • 本文對Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法進行了詳細的總結,需要的朋友可以參考下,希望對大家有所幫助。 詳細解讀Jquery各Ajax函數: $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url, ...
  • http://www.cssauthor.com/best-responsive-admin-templates/#Free ...
  • JavaScript課程 兩日大綱 ● JavaScript基本語法 ● JavaScript函數 ● JavaScript基於對象編程 ● JavaScript BOM對象編程 ● JavaScript DOM對象編程 ● JavaScript JSON格式簡介 *****************... ...
  • 一、官方文檔的說明 in the face of "evil features" such as eval or with, the YUI Compressor takes a defensive approach by not obfuscating any of the scopes cont ...
  • 之前的博文中有介紹關於圖片輪播的實現方式,分別為(含超鏈接): 1、《Android中使用ViewFlipper實現屏幕切換》 2、《Android中使用ViewPager實現屏幕頁面切換和頁面輪播效果》 3、《Android中使用ImageViewSwitcher實現圖片切換輪播導航效果》 今天通 ...
  • 輪播圖是很常用的一個效果 核心功能已經實現 沒有什麼特殊需求 自己沒事研究的 所以封裝的不太好 一些地方還比較糙 為想要研究輪播圖的同學提供個參考 目前測試圖片為mipmap中的圖片 沒有寫從網路載入圖片 可自行根據需求在getShowView()方法中修改 1.定時切換 通過handle延時發送通 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...