flutter--OC 原生混编

最新推荐文章于 2023-03-11 21:30:55 发布

原创

最新推荐文章于 2023-03-11 21:30:55 发布 · 898 阅读

2 ·

CC 4.0 BY-SA版权

本文详细介绍如何在Objective-C项目中集成Flutter模块，包括搭建混合开发环境、从OC调用Flutter页面、实现双向通信等内容。适合希望融合原生与Flutter应用开发的开发者。

一、集成混合开发环境

001 建立flutter_module

% flutter create -t module flutter_module
Creating project flutter_module...
  flutter_module/test/widget_test.dart (created)
  flutter_module/flutter_module.iml (created)
  flutter_module/.gitignore (created)
  flutter_module/.metadata (created)
  flutter_module/pubspec.yaml (created)
  flutter_module/README.md (created)
  flutter_module/lib/main.dart (created)
  flutter_module/flutter_module_android.iml (created)
  flutter_module/.idea/libraries/Dart_SDK.xml (created)
  flutter_module/.idea/modules.xml (created)
  flutter_module/.idea/workspace.xml (created)
Running "flutter pub get" in flutter_module...                      2.7s
Wrote 11 files.

All done!
Your module code is in flutter_module/lib/main.dart.

flutter_module文件下所有文件

flutter_module % ls -al 
total 64
drwxr-xr-x  16   staff   512  3 13 10:17 .
drwxr-xr-x   3   staff    96  3 13 10:17 ..
drwxr-xr-x  12   staff   384  3 13 10:17 .android
drwxr-xr-x   3   staff    96  3 13 10:17 .dart_tool
-rw-r--r--   1   staff   446  3 13 10:17 .gitignore
drwxr-xr-x   5   staff   160  3 13 10:17 .idea
drwxr-xr-x   7   staff   224  3 13 10:17 .ios
-rw-r--r--   1   staff   309  3 13 10:17 .metadata
-rw-r--r--   1   staff  3207  3 13 10:17 .packages
-rw-r--r--   1   staff   325  3 13 10:17 README.md
-rw-r--r--   1   staff   896  3 13 10:17 flutter_module.iml
-rw-r--r--   1   staff  1465  3 13 10:17 flutter_module_android.iml
drwxr-xr-x   3   staff    96  3 13 10:17 lib
-rw-r--r--   1   staff  4079  3 13 10:17 pubspec.lock
-rw-r--r--   1   staff  3466  3 13 10:17 pubspec.yaml
drwxr-xr-x   3   staff    96  3 13 10:17 test

003 新建一个OC原生项目并放在和fluter_module同一个目录下