1. 準備Debian環境
在Debian系統上集成Flutter與原生代碼前，需先配置Flutter開發環境。安裝必要依賴（如curl、git、cmake、build-essential等），下載Flutter SDK并解壓至指定目錄（如~/flutter），配置環境變量（將flutter/bin添加至PATH），最后運行flutter doctor驗證環境完整性（確保Android/iOS工具鏈配置正確）。
2. 創建Flutter項目
使用Flutter命令行工具生成新項目：flutter create my_flutter_app，進入項目目錄后，可通過flutter run驗證基礎運行環境（確保能編譯并部署到模擬器或物理設備）。
3. 配置原生項目（Android/iOS）
android/app/build.gradle中包含Flutter相關依賴（如flutter_embedding_debug）。若需添加原生SDK（如地圖、支付），在此文件中配置依賴項。ios/Runner.xcworkspace），檢查General選項卡中的Bundle Identifier、Deployment Info等設置是否正確。同樣，若需原生SDK，在Xcode的Podfile中添加依賴并運行pod install。4. 實現平臺通道通信（MethodChannel為例）
平臺通道是Flutter與原生代碼雙向通信的核心機制，以下是具體實現步驟：
MethodChannel實例（需與原生端名稱一致，如com.example/native），通過invokeMethod調用原生方法并處理異步結果。示例如下：import 'package:flutter/services.dart';
class NativeBridge {
static const MethodChannel _channel = MethodChannel('com.example/native');
// 調用原生方法獲取數據
Future<String> getNativeData() async {
try {
final String result = await _channel.invokeMethod('getNativeData');
return result;
} on PlatformException catch (e) {
print("Failed to get native data: '${e.message}'.");
return "Error";
}
}
// 向原生端發送數據
Future<void> sendDataToNative(String data) async {
await _channel.invokeMethod('sendData', {'data': data});
}
}
MainActivity中設置MethodChannel的處理程序，接收Flutter調用并返回結果。示例如下：class MainActivity: FlutterActivity() {
private val CHANNEL = "com.example/native"
override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
super.configureFlutterEngine(flutterEngine)
MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setMethodCallHandler { call, result ->
when (call.method) {
"getNativeData" -> {
val nativeData = getNativeDataFromSystem() // 調用原生API獲取數據
result.success(nativeData)
}
"sendData" -> {
val args = call.arguments as? Map<*, *>
val data = args?.get("data") as? String
handleDataFromFlutter(data) // 處理Flutter發送的數據
result.success(null)
}
else -> result.notImplemented()
}
}
}
private fun getNativeDataFromSystem(): String {
// 示例：獲取設備型號
return android.os.Build.MODEL
}
private fun handleDataFromFlutter(data: String?) {
// 處理Flutter發送的數據（如打印日志）
Log.d("NativeFlutter", "Received data from Flutter: $data")
}
}
AppDelegate中配置MethodChannel，處理Flutter的調用請求。示例如下：@UIApplicationMain
class AppDelegate: FlutterAppDelegate {
override func application(
_ application: UIApplication,
didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
) -> Bool {
let controller = window?.rootViewController as! FlutterViewController
let channel = FlutterMethodChannel(name: "com.example/native",
binaryMessenger: controller.binaryMessenger)
channel.setMethodCallHandler { (call, result) in
switch call.method {
case "getNativeData":
let nativeData = self.getNativeDataFromSystem() // 調用原生API獲取數據
result(nativeData)
case "sendData":
if let args = call.arguments as? [String: Any],
let data = args["data"] as? String {
self.handleDataFromFlutter(data: data) // 處理Flutter發送的數據
result(nil)
} else {
result(FlutterError(code: "INVALID_ARGUMENTS",
message: "Invalid arguments passed.",
details: nil))
}
default:
result(FlutterMethodNotImplemented)
}
}
return super.application(application, didFinishLaunchingWithOptions: launchOptions)
}
private func getNativeDataFromSystem() -> String {
// 示例：獲取設備名稱
return UIDevice.current.name
}
private func handleDataFromFlutter(data: String) {
// 處理Flutter發送的數據（如顯示通知）
print("Received data from Flutter: \(data)")
}
}
5. 測試集成效果
完成上述步驟后，在Flutter項目中調用NativeBridge的方法（如getNativeData()），運行應用（flutter run），檢查是否能正確顯示原生端返回的數據（如設備型號、名稱）。若需調試，可使用print語句或Flutter DevTools查看日志。
6. 其他通信方式（可選）
若需實現原生向Flutter持續發送事件（如實時傳感器數據），可使用EventChannel；若需交換復雜數據結構（如自定義對象），可使用BasicMessageChannel。這些通道的使用邏輯與MethodChannel類似，需在Dart和原生端分別創建對應實例并實現處理邏輯。
