Flutter与iOS原生混合开辟 iOS项目集成Flutter

1.创建flutter module
进入iOS工程根目次的上一级，创建flutter module工程

1. flutter create --template module fluttermodule

复制代码

2.进入iOS工程根目次，编辑podfile文件

1. flutter_application_path = '../fluttermodule'
2. load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')
4. target "iOSDemo" do
6. use_frameworks!
7. install_all_flutter_pods(flutter_application_path)
9. end
11. post_install do |installer|
12.   flutter_post_install(installer) if defined?(flutter_post_install)
13. end

复制代码

实行pod install
3.iOS调用Flutter
在AppDelegate注册FlutterEngine

1. import UIKit
2. import Flutter
3. import FlutterPluginRegistrant
5. @main
6. class AppDelegate: UIResponder, UIApplicationDelegate {
7.     lazy var flutterEngine = FlutterEngine(name: "my flutter engine")
8.     func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
9.         // Override point for customization after application launch.
10.         GeneratedPluginRegistrant.register(with: self.flutterEngine);
11.         flutterEngine.run()
12.         return true
13.     }
14. }

复制代码

利用 FlutterEngine调用utterViewController

1. import UIKit
2. import Flutter
4. class ViewController: UIViewController {
5.   override func viewDidLoad() {
6.     super.viewDidLoad()
8.     // Make a button to call the showFlutter function when pressed.
9.     let button = UIButton(type:UIButton.ButtonType.custom)
10.     button.addTarget(self, action: #selector(showFlutter), for: .touchUpInside)
11.     button.setTitle("Show Flutter!", for: UIControl.State.normal)
12.     button.frame = CGRect(x: 80.0, y: 210.0, width: 160.0, height: 40.0)
13.     button.backgroundColor = UIColor.blue
14.     self.view.addSubview(button)
15.   }
17.   @objc func showFlutter() {
18.     let flutterEngine = (UIApplication.shared.delegate as! AppDelegate).flutterEngine
19.     let flutterViewController =
20.         FlutterViewController(engine: flutterEngine, nibName: nil, bundle: nil)
21.     present(flutterViewController, animated: true, completion: nil)
22.   }
23. }

复制代码

参考链接
https://www.jianshu.com/p/aac1f387f3c0
https://www.jianshu.com/p/c3e5e210a585

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。