美文网首页Flutter
iOS利用Cocoapod接入Flutter,抛弃Config文

iOS利用Cocoapod接入Flutter,抛弃Config文

作者: MCUS | 来源:发表于2019-07-10 18:21 被阅读0次
    一. 获取 Flutter 工程
    二. 配置 Flutter 环境变量

    (1)说明

    由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,可以把镜像地址添加到环境变量中。
    为了方便后续使用,需要将项目根目录下bin路径加入环境变量PATH中,打开~/.bash_profile文件,修改环境变量即可。

    (2)添加环境变量(确保路径指向没问题)

    执行命令 open ~/.bash_profile 在底部添加环境变量。

    export PATH=$HOME/flutter/bin:$PATH
    export FLUTTER_ROOT=$HOME/flutter
    
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    

    然后生效环境变量,终端 执行 source ~/.bash_profile

    3. 配置基本环境依赖
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller ios-deploy cocoapods
    
    4. flutter doctor 检测本机环境
    1. 说明
      因为flutter依赖的东西比较多,如果我们想要保证flutter环境没问题,需要执行 flutter doctor 检测确保当前环境。
      在终端中执行 flutter doctor 命令,如下图:
    屏幕快照 2019-07-10 下午6.03.35.png

    (如果以上命令出现iOS tool工具问题,或者pod install时出现pod相关脚本文件的问题,可能需要执行以下命令解决:

            brew update
            brew uninstall --ignore-dependencies libimobiledevice
            brew uninstall --ignore-dependencies usbmuxd
            brew install --HEAD usbmuxd
            brew unlink usbmuxd
            brew link usbmuxd
            brew install --HEAD libimobiledevice
            brew install ideviceinstaller
    

    )

    三、iOS现有项目接入flutter

    Flutter的工程结构比较特殊,由Flutter目录再分别包含Native工程的目录(即 iOS 和Android 两个目录)组成。
    默认情况下,引入了 Flutter 的 Native 工程无法脱离父目录进行独立构建和运行,因为它会反向依赖于 Flutter 相关的库和资源。
    如果已经现有工程,那么我们需要在同级目录创建flutter模块。

    1. 创建Flutter模块

    假设当前工程是 ZXFlutterPro ,那么 cd到该项目同级目录,执行flutter命令创建。

    cd /Users/xin/Desktop/Flutter工程/ZXFlutterPro
    flutter create -t module flutter_library
    
    2. 接入Flutter

    有两种方式,一种是使用cocoapod来导入,一种是通过手动导入Flutter + 创建Config 文件(Flutter.xcconfig,Debug.xcconfig和Release.xcconfig)
    这里为了快速方便接入,直接选择第一种

    在Podfile文件中,加入:

    platform :ios, '8.0'
    #具体需要的源自己写
    source 'https://github.com/CocoaPods/Specs.git'
    
    target 'ZXFlutterPro' do
       use_frameworks!
       
    end
    
    #新添加的代码
    flutter_application_path = '../flutter_library'
    eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)
    

    然后通过pod install 导入

    3. 配置环境
    1. enable bitcode 改为NO
    屏幕快照 2019-07-10 下午6.12.07.png
    2. 加入脚本
    "$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build
    "$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" embed
    
    屏幕快照 2019-07-10 下午6.16.19.png

    四, 加入Flutter代码

    1. 在Appdelegate.h 中修改:
    #import <Flutter/Flutter.h>
    
    @interface AppDelegate : FlutterAppDelegate <UIApplicationDelegate, FlutterAppLifeCycleProvider>
    
    //@property (strong, nonatomic) UIWindow *window;
    
    
    @end
    
    1. .m中修改:
    #import "AppDelegate.h"
    
    @interface AppDelegate ()
    
    @property (nonatomic, strong) FlutterPluginAppLifeCycleDelegate *lifeCycleDelegate;;
    
    @end
    
    @implementation AppDelegate
    
    - (instancetype)init {
        if (self = [super init]) {
            _lifeCycleDelegate = [[FlutterPluginAppLifeCycleDelegate alloc] init];
        }
        return self;
    }
    
    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
        // Override point for customization after application launch.
        return [_lifeCycleDelegate application:application didFinishLaunchingWithOptions:launchOptions];
    }
    
    
    - (void)applicationWillResignActive:(UIApplication *)application {
        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
        // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
        return [_lifeCycleDelegate applicationWillResignActive:application];
    }
    
    
    - (void)applicationDidEnterBackground:(UIApplication *)application {
        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
        [_lifeCycleDelegate applicationDidEnterBackground:application];
    }
    
    
    - (void)applicationWillEnterForeground:(UIApplication *)application {
        // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
        [_lifeCycleDelegate applicationWillEnterForeground:application];
    }
    
    
    - (void)applicationDidBecomeActive:(UIApplication *)application {
        // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
        [_lifeCycleDelegate applicationDidBecomeActive:application];
    }
    
    
    - (void)applicationWillTerminate:(UIApplication *)application {
        // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
        [_lifeCycleDelegate applicationWillTerminate:application];
    }
    
    //others
    - (void)application:(UIApplication*)application
    didRegisterUserNotificationSettings:(UIUserNotificationSettings*)notificationSettings {
        [_lifeCycleDelegate application:application
    didRegisterUserNotificationSettings:notificationSettings];
    }
    
    - (void)application:(UIApplication*)application
    didRegisterForRemoteNotificationsWithDeviceToken:(NSData*)deviceToken {
        [_lifeCycleDelegate application:application
    didRegisterForRemoteNotificationsWithDeviceToken:deviceToken];
    }
    
    - (void)application:(UIApplication*)application
    didReceiveRemoteNotification:(NSDictionary*)userInfo
    fetchCompletionHandler:(void (^)(UIBackgroundFetchResult result))completionHandler {
        [_lifeCycleDelegate application:application
           didReceiveRemoteNotification:userInfo
                 fetchCompletionHandler:completionHandler];
    }
    
    - (BOOL)application:(UIApplication*)application
                openURL:(NSURL*)url
                options:(NSDictionary<UIApplicationOpenURLOptionsKey, id>*)options {
        return [_lifeCycleDelegate application:application openURL:url options:options];
    }
    
    - (BOOL)application:(UIApplication*)application handleOpenURL:(NSURL*)url {
        return [_lifeCycleDelegate application:application handleOpenURL:url];
    }
    
    - (BOOL)application:(UIApplication*)application
                openURL:(NSURL*)url
      sourceApplication:(NSString*)sourceApplication
             annotation:(id)annotation {
        return [_lifeCycleDelegate application:application
                                       openURL:url
                             sourceApplication:sourceApplication
                                    annotation:annotation];
    }
    
    - (void)application:(UIApplication*)application
    performActionForShortcutItem:(UIApplicationShortcutItem*)shortcutItem
      completionHandler:(void (^)(BOOL succeeded))completionHandler NS_AVAILABLE_IOS(9_0) {
        [_lifeCycleDelegate application:application
           performActionForShortcutItem:shortcutItem
                      completionHandler:completionHandler];
    }
    
    - (void)application:(UIApplication*)application
    handleEventsForBackgroundURLSession:(nonnull NSString*)identifier
      completionHandler:(nonnull void (^)(void))completionHandler {
        [_lifeCycleDelegate application:application
    handleEventsForBackgroundURLSession:identifier
                      completionHandler:completionHandler];
    }
    
    - (void)application:(UIApplication*)application
    performFetchWithCompletionHandler:(void (^)(UIBackgroundFetchResult result))completionHandler {
        [_lifeCycleDelegate application:application performFetchWithCompletionHandler:completionHandler];
    }
    
    - (void)addApplicationLifeCycleDelegate:(NSObject<FlutterPlugin>*)delegate {
        [_lifeCycleDelegate addDelegate:delegate];
    }
    
    #pragma mark - Flutter
    - (FlutterViewController *)rootFlutterViewController {
        UIViewController *vc = [UIApplication sharedApplication].keyWindow.rootViewController;
        if ([vc isKindOfClass:FlutterViewController.class]) {
            return (FlutterViewController *)vc;
        }
        return nil;
    }
    
    - (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
        [super touchesBegan:touches withEvent:event];
        if (self.rootFlutterViewController != nil) {
            [self.rootFlutterViewController handleStatusBarTouches:event];
        }
    }
    
    @end
    
    1. 在VC中,加入
    #import <Flutter/FlutterViewController.h>
    
    @interface ViewController ()
    
    @end
    
    @implementation ViewController
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view, typically from a nib.
    }
    
    
    - (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
        FlutterViewController *vc = [[FlutterViewController alloc] initWithProject:nil nibName:nil bundle:nil];
        vc.navigationItem.title = @"Flutter Demo";
        
        [self presentViewController:vc animated:YES completion:nil];
    }
    
    @end
    

    最后,编译运行,大功告成~

    在模拟器上,随便点击页面,出现了Flutter页面,ok~

    相关文章

      网友评论

        本文标题:iOS利用Cocoapod接入Flutter,抛弃Config文

        本文链接:https://www.haomeiwen.com/subject/wwhkkctx.html