Flutter 与原生交互3

原生应用中混编 Flutter
分别创建iOS、android空壳项目，iOS集成pod

pod init 
pod install

Flutter 混编方案介绍

将原生工程作为 Flutter 工程的子工程，由 Flutter 统一管理。这种模式，就是统一管理模式。三端（Android、iOS、Flutter）代码耦合严重，相关工具链耗时也随之大幅增长，导致开发效率降低。
将 Flutter 工程作为原生工程共用的子模块，维持原有的原生工程管理方式不变。这种模式，就是三端分离模式。三端工程分离模式的关键是抽离 Flutter 工程，将不同平台的构建产物依照标准组件化的形式进行管理，即 Android 使用 aar、iOS 使用 pod。

集成 Flutter

原生工程对 Flutter 的依赖主要分为两部分：
Flutter 库和引擎，也就是 Flutter 的 Framework 库和引擎库；
Flutter 工程，也就是我们自己实现的 Flutter 模块功能，主要包括 Flutter 工程 lib 目录下的 Dart 代码实现的这部分功能。

flutter create -t module flutter_library

Flutter 模块有一个细微的变化：Android 工程下多了一个 Flutter 目录，这个目录下的 build.gradle 配置就是我们构建 aar 的打包配置。

Android 模块集成

首先在 Flutter_library 的根目录下，执行 aar 打包构建命令：

flutter build apk --debug

如果是构建 release 产物，只需要把 debug 换成 release 就可以了。其次，打包构建的 flutter-debug.aar 位于.android/Flutter/build/outputs/aar/ 目录下，我们把它拷贝到原生 Android 工程 AndroidDemo 的 app/libs 目录下，并在 App 的打包配置 build.gradle 中添加对它的依赖:

...
repositories {
    flatDir {
        dirs 'libs'   // aar 目录
    }
}
 
dependencies {
    ...
    implementation(name: 'flutter-debug', ext: 'aar')//Flutter 模块 aar
    ...
}

activity_main_xml添加

Sync 一下，Flutter 模块就被添加到了 Android 项目中。
再次，我们试着改一下 MainActivity.java 的代码，把它的 contentView 改成 Flutter 的 widget：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        //FlutterFragment fragment=new FlutterFragment();
        FlutterFragment fragment=FlutterFragment.withNewEngine().initialRoute("defaultRoute").build();
        getSupportFragmentManager().beginTransaction().add(R.id.content, fragment).commit();

    }

iOS 模块集成

在 iOS 平台，原生工程对 Flutter 的依赖分别是：

Flutter 库和引擎，即 Flutter.xcframework；
Flutter 工程的产物，即 App.xcframework。
首先我们在 Flutter_library 的根目录下，执行 iOS 打包构建命令：

flutter build ios --debug

把 debug 换成 release 就可以构建 release 产物
iOS 项目的podfile添加如下

//添加
flutter_application_path = '../flutter_library'
load File.join(flutter_application_path, '.iOS', 'Flutter', 'podhelper.rb')

target 'iOSDemo' do
  # Comment the next line if you don't want to use dynamic frameworks
  use_frameworks!
//添加
  install_all_flutter_pods(flutter_application_path)
  ...
end

iOS代码

#import 
@interface AppDelegate : UIResponder 
@property (nonatomic, strong) UIWindow * window;
@end


#import "AppDelegate.h"
#import 

@interface AppDelegate ()
@end
@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
    FlutterViewController *vc = [[FlutterViewController alloc]init];
    [vc setInitialRoute:@"defaultRoute"]; //路由标识符
    self.window.rootViewController = vc;
    [self.window makeKeyAndVisible];
    return YES;
}

@end