Swift 与 Flutter 混合开发

作者: 一滴矿泉水 | 来源:发表于2022-03-09 20:24 被阅读0次

简介

随着跨平台技术的不断发展 , 越来越多的公司开始倾向跨平台语言去开发自己的应用。至于好处很多 ,主要是维护方便、节约成本 。今天主要介绍一下已有的 Swift 项目中通过 cocopod 集成(也是官方推荐的一种集成方式)嵌入Flutter模块。开发环境Xcode13.2.1 、Flutter 1.26.0-18.0.pre.185 、java 1.8.0_321。

集成

1、创建Flutter模块,这里我们新创建个取名为 my_flutter (最好在已有的Swift项目同级目录下创建)

flutter create -t module my_flutter

2、通过cocopod将创建好的Flutter模块引入Swift项目(已有Swift项目名称为:Swift_Flutter)

  • Podfile 文件 编辑
source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '10.0'
#忽略所有三方库警告⚠️
inhibit_all_warnings!
use_frameworks!
#此处根据自己Flutter项目实际路径填写
flutter_application_path = '../my_flutter'
#此句不可缺少
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')
target 'Swift_Flutter' do
  install_all_flutter_pods(flutter_application_path)
                     
end
  • 添加好之后执行

    pod install
    
  • 执行结果

    bogon:Swift_Flutter zhanghua$ pod install
    Analyzing dependencies
    Downloading dependencies
    Installing Flutter (1.0.0)
    Installing FlutterPluginRegistrant (0.0.1)
    Installing my_flutter (0.0.1)
    Generating Pods project
    Integrating client project
    Pod installation complete! There are 3 dependencies from the Podfile and 3 total pods         installed.
    bogon:Swift_Flutter zhanghua$ 
    

到了这里是不是就成功了呢,赶紧把项目跑起来调用一下看看吧。

调用

1、在iOS Swift代码 中调用 Flutter

  • 我们将在应用启动的 app delegate 中创建一个 FlutterEngine,并作为属性暴露给外界。

    import UIKit
    import Flutter
    import FlutterPluginRegistrant
    @main
    class AppDelegate: UIResponder, UIApplicationDelegate {
        var window: UIWindow?
        lazy var flutterEngine = FlutterEngine(name: "my flutter engine")
    
        func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
            // Override point for customization after application launch.
            window = UIWindow(frame: UIScreen.main.bounds)
            window?.rootViewController = ViewController()
            window?.makeKeyAndVisible()
    
            flutterEngine.run()
            GeneratedPluginRegistrant.register(with: self.flutterEngine)
    
            return true
        }
    }
    
  • 控制器中调用

     import UIKit
     import Flutter
    
     class ViewController: UIViewController {
    
         override func viewDidLoad() {
             super.viewDidLoad()
             view.backgroundColor = UIColor.brown
             // Do any additional setup after loading the view.
         }
    
         override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
             //搜索到了很多中获取控制器跳转的方法,感觉这种获取 控制器跳转最为流畅 (自我感觉)
             let flutterEngine = (UIApplication.shared.delegate as! AppDelegate).flutterEngine
             let flutterViewController = FlutterViewController(engine: flutterEngine, nibName: nil, bundle: nil)
             present(flutterViewController, animated: true, completion: nil)
         }
     }
    
  • 启动项目点击屏幕


    Simulator Screen Shot - iPhone 13 Pro Max - 2022-03-09 at 20.16.46.png

成功调起了 Flutter 页面。

点击查看常见集成问题


文章持续更新中、希望对各位有所帮助、有问题可留言 大家共同学习.

相关文章

网友评论

    本文标题:Swift 与 Flutter 混合开发

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