Wie passt sich Flutter an das iOS-Betriebssystem an…

Flutter verwendet die Skia-Engine zur Darstellung der Benutzeroberfläche, die direkt mit der GPU interagiert. Native iOS-Komponenten (Schaltflächen, Bildläufe usw.) werden nicht verwendet. Ihr Aussehen und Verhalten werden durch Flutter-Widgets imitiert, die den Human Interface Guidelines nachempfunden sind.

Zum Beispiel wird CupertinoButton verwendet, um eine iOS-ähnliche Schaltfläche zu erstellen:

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class MyCupertinoButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoButton(
      child: Text('Нажми меня'),
      onPressed: () {
        // Aktion beim Drücken
      },
    );
  }
}

Flutter interagiert mit nativen APIs über seine Plugins, die Plattformkanäle (Platform Channels) verwenden. Damit kann nativer iOS-Code aus Dart heraus aufgerufen werden, und umgekehrt.

import 'package:flutter/services.dart';

class NativeApi {
  static const platform = MethodChannel('com.example.myapp/battery'); // Kanalname

  Future<String> getBatteryLevel() async {
    try {
      final String result = await platform.invokeMethod('getBatteryLevel'); // Aufruf der nativen Methode
      return 'Batteriestand: $result%.';
    } on PlatformException catch (e) {
      return "Konnte den Batteriestand nicht abrufen: '${e.message}'.";
    }
  }
}

Auf der iOS-Seite verarbeitet nativer Code die Aufrufe über MethodChannel.

// Swift-Code im iOS-Projekt
import Flutter

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    let controller : FlutterViewController = window?.rootViewController as! FlutterViewController
    let batteryChannel = FlutterMethodChannel(name: "com.example.myapp/battery",
                                              binaryMessenger: controller.binaryMessenger)
    batteryChannel.setMethodCallHandler({
      (call: FlutterMethodCall, result: @escaping FlutterResult) -> Void in
      guard call.method == "getBatteryLevel" else {
        result(FlutterMethodNotImplemented)
        return
      }
      self.receiveBatteryLevel(result: result)
    })

    GeneratedPluginRegistrant.register(with: self)
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }

  private func receiveBatteryLevel(result: FlutterResult) {
    let device = UIDevice.current
    device.isBatteryMonitoringEnabled = true
    if device.batteryState == .unknown {
      result(FlutterError(code: "UNAVAILABLE",
                          message: "Batteriestand nicht verfügbar.",
                          details: nil))
    } else {
      result(Int(device.batteryLevel * 100))
    }
  }
}

Um das Design anzupassen, werden Widgets aus der cupertino-Bibliothek verwendet, die den iOS-Stil nachahmen. Der Zugriff auf spezifische iOS-Funktionen erfolgt ebenfalls über Plugins. Die App für iOS wird über Xcode gebaut. Flutter generiert ein iOS-Projekt, das anschließend in eine native ausführbare Datei (.ipa) kompiliert wird.

Wie passt sich Flutter an das iOS-Betriebssystem an?