abstract:這篇文章主要介紹了使用runtime 實(shí)現(xiàn)weex 跳轉(zhuǎn)原生頁面的相關(guān)資料,需要的朋友可以參考下一、簡述 最近項(xiàng)目組打算引入weex,并選定了一個(gè)頁面進(jìn)行試水。頁面很簡單,主要是獲取數(shù)據(jù)渲染頁面,并可以跳轉(zhuǎn)到指定的頁面。跟之前使用RN 相比,weex 確實(shí)要簡單很多。從下圖中我們可以看到,weex 頁面需要跳轉(zhuǎn)到原生頁面,并且跳轉(zhuǎn)到哪個(gè)頁面我們可能并不能寫死。也就是說只要原生頁面之前項(xiàng)目中寫過了
這篇文章主要介紹了使用runtime 實(shí)現(xiàn)weex 跳轉(zhuǎn)原生頁面的相關(guān)資料,需要的朋友可以參考下
一、簡述
最近項(xiàng)目組打算引入weex,并選定了一個(gè)頁面進(jìn)行試水。頁面很簡單,主要是獲取數(shù)據(jù)渲染頁面,并可以跳轉(zhuǎn)到指定的頁面。跟之前使用RN 相比,weex 確實(shí)要簡單很多。從下圖中我們可以看到,weex 頁面需要跳轉(zhuǎn)到原生頁面,并且跳轉(zhuǎn)到哪個(gè)頁面我們可能并不能寫死。也就是說只要原生頁面之前項(xiàng)目中寫過了,那么理論上來說使用weex 可以任意調(diào)用。那么問題來了,我原來的頁面可能只知道名字,我怎么為那個(gè)頁面?zhèn)髦的??比如有個(gè)頁面orderDetailVC ,跳轉(zhuǎn)時(shí)需要傳入orderId,即orderDetailVC.orderId = @"123";
二、思考
可能最直接的想法就是直接原生給weex 提供一個(gè)方法,讓weex 傳入orderId,然后再push。但是如果明天我們需要跳轉(zhuǎn)到另一個(gè)頁面merchantDetailVC呢?它需要的不是orderId了,可能是一個(gè)merchantId,甚至更多參數(shù)。那怎么才能實(shí)現(xiàn)任意跳轉(zhuǎn)呢?我的想法是,項(xiàng)目是我寫的,需要跳轉(zhuǎn)到哪個(gè)類,那么這個(gè)類名我肯定是清楚的,并且這個(gè)類應(yīng)該需要什么參數(shù)我也是清楚的。只不過我可能不知道怎么用weex 把它參數(shù)傳過去而已。如果知道了類名就意味著我知道了這個(gè)類,我能找到這個(gè)類,那么我就知道這個(gè)類有哪些屬性了,這個(gè)類的所有屬性我都能拿到,只不過有些是我需要給它賦值的,有些是不需要處理的。
三、實(shí)現(xiàn)
整體的思路是:原生給weex 提供一個(gè)通用的跳轉(zhuǎn)方法。參數(shù)是類名和屬性字典。
//控制器相關(guān) /* vcName: 頁面名稱 param:頁面所需參數(shù)(如原來的頁面需要傳遞小區(qū)id,工單號(hào)等等,字典形式傳過去,key 與頁面所需參數(shù)名稱一致即可。 */ -(void)pushViewController:(NSString *)vcName param:(NSDictionary *)param; /* 將APP 當(dāng)前展示的頁面pop */ -(void)popViewController; /* vcName: 頁面名稱 param:頁面所需參數(shù)(如原來的頁面需要傳遞小區(qū)id,工單號(hào)等等,字典形式傳過去,key 與頁面所需參數(shù)名稱一致即可。 */ -(void)presentViewController:(NSString *)vcName param:(NSDictionary *)param finish:(WXModuleCallback)callback; /* 將APP 當(dāng)前展示的頁面dismiss */ -(void)dismissViewController:(WXModuleCallback)callback;
提供方法后weex 可以這樣調(diào)用:
確定了方案之后,剩下唯一的事情就是如何實(shí)現(xiàn)給weex 提供的方法。代碼如下:
-(void)pushViewController:(NSString *)vcName param:(NSDictionary *)param{ //獲取類 Class vcClass = NSClassFromString(vcName); if (vcClass == nil) { return; } BaseViewController *vc = [[vcClass alloc] init]; vc.hidesBottomBarWhenPushed = YES; //屬性數(shù)量 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)]; //以這個(gè)屬性名稱作為key ,查看傳入的字典里是否有這個(gè)屬性的value if (param[propertyName]) { [vc setValue:param[propertyName] forKey:propertyName]; } } //釋放 free(plist); //獲取當(dāng)前頁面控制器 /* 獲取當(dāng)前頁面控制器是根據(jù)響應(yīng)鏈獲取的。 */ UIViewController *currentVC = [Utils getCurrentVC]; if ([currentVC isKindOfClass:[UINavigationController class]]) { [(UINavigationController *)currentVC pushViewController:vc animated:YES]; }else{ [currentVC.navigationController pushViewController:vc animated:YES]; } }