Flutter Boost 接入實(shí)踐(iOS 篇)

本文將簡(jiǎn)單梳理一下 iOS 工程接入的 Flutter Boost 的流程,以作為前文的補(bǔ)充离赫。

參見(jiàn)前文:Flutter Boost 混合開(kāi)發(fā)實(shí)踐與源碼解析(以 Android 為例)四啰,F(xiàn)lutter Module 也依舊用前文生成的垂寥,目錄結(jié)構(gòu)依舊如前文所述耕突,不再贅述厂抽。

  1. 接入
    2.1 工程準(zhǔn)備
    準(zhǔn)備一個(gè)配有 Cocoapods 的空白工程浪秘,在 Podfile 中配置我們之前準(zhǔn)備好的 Flutter Module 作為依賴(lài):

flutter_application_path = '../flutter_module'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

target 'FlutterHybridiOS' do
install_all_flutter_pods(flutter_application_path)
end
接著在工程根目錄下運(yùn)行 pod install 蒋情,即可集成上 Flutter Module∷市看到我們的 Pods 中多了以下幾個(gè)模塊棵癣,即說(shuō)明集成成功。
接著在工程根目錄下運(yùn)行 pod install 夺衍,即可集成上 Flutter Module狈谊。看到我們的 Pods 中多了以下幾個(gè)模塊,即說(shuō)明集成成功河劝。

image

如不了解 Cocoapods壁榕,請(qǐng)參見(jiàn) CocoaPods 使用指南

2.2 實(shí)現(xiàn)路由類(lèi)

這一塊直接參照 Flutter Boost 官方提供的 example 就好了:

https://github.com/alibaba/flutter_boost/blob/master/example/ios/Runner/PlatformRouterImp.hgithub.com/alibaba/flutter_boost/blob/master/example/ios/Runner/PlatformRouterImp.h

PlatformRouterImp.h:

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>
#import <flutter_boost/FlutterBoost.h>

NS_ASSUME_NONNULL_BEGIN

@protocol FLBPlatform;

/**
 * 實(shí)現(xiàn)平臺(tái)側(cè)的頁(yè)面打開(kāi)和關(guān)閉,不建議直接使用用于頁(yè)面打開(kāi)赎瞎,建議使用FlutterBoostPlugin中的open和close方法來(lái)打開(kāi)或關(guān)閉頁(yè)面牌里;
 * FlutterBoostPlugin帶有頁(yè)面返回?cái)?shù)據(jù)的能力
 */
@interface PlatformRouterImp : NSObject<FLBPlatform>
@property (nonatomic,strong) UINavigationController *navigationController;
@end

NS_ASSUME_NONNULL_END

PlatformRouterImp.m:

#import "PlatformRouterImp.h"
#import <flutter_boost/FlutterBoost.h>

@interface PlatformRouterImp()
@end

@implementation PlatformRouterImp

#pragma mark - Boost 1.5
- (void)open:(NSString *)name
   urlParams:(NSDictionary *)params
        exts:(NSDictionary *)exts
  completion:(void (^)(BOOL))completion
{
    BOOL animated = [exts[@"animated"] boolValue];
    FLBFlutterViewContainer *vc = FLBFlutterViewContainer.new;
    [vc setName:name params:params];
    [self.navigationController pushViewController:vc animated:animated];
    if(completion) completion(YES);
}

- (void)present:(NSString *)name
   urlParams:(NSDictionary *)params
        exts:(NSDictionary *)exts
  completion:(void (^)(BOOL))completion
{
    BOOL animated = [exts[@"animated"] boolValue];
    FLBFlutterViewContainer *vc = FLBFlutterViewContainer.new;
    [vc setName:name params:params];
    [self.navigationController presentViewController:vc animated:animated completion:^{
        if(completion) completion(YES);
    }];
}

- (void)close:(NSString *)uid
       result:(NSDictionary *)result
         exts:(NSDictionary *)exts
   completion:(void (^)(BOOL))completion
{
    BOOL animated = [exts[@"animated"] boolValue];
    animated = YES;
    FLBFlutterViewContainer *vc = (id)self.navigationController.presentedViewController;
    if([vc isKindOfClass:FLBFlutterViewContainer.class] && [vc.uniqueIDString isEqual: uid]){
        [vc dismissViewControllerAnimated:animated completion:^{}];
    }else{
        [self.navigationController popViewControllerAnimated:animated];
    }
}
@end

可以看到,F(xiàn)lutter Boost 支持常規(guī) push务甥,也支持打開(kāi)模態(tài)彈窗牡辽,也支持手動(dòng) pop。

2.3 綁定路由管理

AppDelegate.h:

#import <UIKit/UIKit.h>
#import <flutter_boost/FlutterBoost.h>

@interface AppDelegate : UIResponder <UIApplicationDelegate>
@property (nullable, nonatomic, strong) UIWindow *window;
@end

AppDelegate.m:

#import "AppDelegate.h"
#import "PlatformRouterImp.h"
#import <flutter_boost/FlutterBoost.h>

@interface AppDelegate ()

@end

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    PlatformRouterImp *router = [PlatformRouterImp new];
    [FlutterBoostPlugin.sharedInstance startFlutterWithPlatform:router
                                                        onStart:^(FlutterEngine *engine) {

                                                        }];
    UITabBarController *tabVC = [[UITabBarController alloc] init];
    UINavigationController *rvc = [[UINavigationController alloc] initWithRootViewController:tabVC];
    router.navigationController = rvc;

    return YES;
}

3. 使用

- (void)openClick:(UIButton *)button
{
    [FlutterBoostPlugin open:@"first" urlParams:@{kPageCallBackId:@"MycallbackId#1"} exts:@{@"animated":@(YES)} onPageFinished:^(NSDictionary *result) {
        NSLog(@"call me when page finished, and your result is:%@", result);
    } completion:^(BOOL f) {
        NSLog(@"page is opened");
    }];
}

- (void)openPresentClick:(UIButton *)button
{
    [FlutterBoostPlugin open:@"second" urlParams:@{@"present":@(YES),kPageCallBackId:@"MycallbackId#2"} exts:@{@"animated":@(YES)} onPageFinished:^(NSDictionary *result) {
        NSLog(@"call me when page finished, and your result is:%@", result);
    } completion:^(BOOL f) {
        NSLog(@"page is presented");
    }];
}

同樣的敞临,這里可在 Native 端用兩種不同的方式去打開(kāi)我們?cè)?Flutter Module 中注冊(cè)好的路由名态辛。

至此,我們成功在 iOS 工程中接入了 Flutter Boost哟绊,那就開(kāi)啟我們的混編之旅吧~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末因妙,一起剝皮案震驚了整個(gè)濱河市痰憎,隨后出現(xiàn)的幾起案子票髓,更是在濱河造成了極大的恐慌,老刑警劉巖铣耘,帶你破解...
    沈念sama閱讀 221,695評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件洽沟,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡蜗细,警方通過(guò)查閱死者的電腦和手機(jī)裆操,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)炉媒,“玉大人踪区,你說(shuō)我怎么就攤上這事〉踔瑁” “怎么了缎岗?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,130評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)白粉。 經(jīng)常有香客問(wèn)我传泊,道長(zhǎng),這世上最難降的妖魔是什么鸭巴? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,648評(píng)論 1 297
  • 正文 為了忘掉前任眷细,我火速辦了婚禮,結(jié)果婚禮上鹃祖,老公的妹妹穿的比我還像新娘溪椎。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,655評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布校读。 她就那樣靜靜地躺著奔害,像睡著了一般。 火紅的嫁衣襯著肌膚如雪地熄。 梳的紋絲不亂的頭發(fā)上华临,一...
    開(kāi)封第一講書(shū)人閱讀 52,268評(píng)論 1 309
  • 那天,我揣著相機(jī)與錄音端考,去河邊找鬼雅潭。 笑死,一個(gè)胖子當(dāng)著我的面吹牛却特,可吹牛的內(nèi)容都是我干的扶供。 我是一名探鬼主播,決...
    沈念sama閱讀 40,835評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼裂明,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼椿浓!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起闽晦,我...
    開(kāi)封第一講書(shū)人閱讀 39,740評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤扳碍,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后仙蛉,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體笋敞,經(jīng)...
    沈念sama閱讀 46,286評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,375評(píng)論 3 340
  • 正文 我和宋清朗相戀三年荠瘪,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了夯巷。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,505評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡哀墓,死狀恐怖趁餐,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情篮绰,我是刑警寧澤后雷,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站阶牍,受9級(jí)特大地震影響喷面,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜走孽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,873評(píng)論 3 333
  • 文/蒙蒙 一惧辈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧磕瓷,春花似錦盒齿、人聲如沸念逞。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,357評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)翎承。三九已至,卻和暖如春符匾,著一層夾襖步出監(jiān)牢的瞬間叨咖,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,466評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工啊胶, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留甸各,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,921評(píng)論 3 376
  • 正文 我出身青樓焰坪,卻偏偏與公主長(zhǎng)得像趣倾,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子某饰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,515評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容