Hogyan alkalmazkodik a Flutter az iOS operációs…

A Flutter a Skia motort használja a UI rendereléséhez, amely közvetlenül kommunikál a GPU-val. Nem használnak natív iOS komponenseket (gombok, görgetések stb.). Ezek megjelenése és viselkedése a Flutter widgetjeivel van utánozva, amelyek a Human Interface Guidelines szerint vannak stílusozva.

Például az iOS-stílusú gomb létrehozásához a CupertinoButton-t használják:

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

class MyCupertinoButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoButton(
      child: Text('Nyomj meg engem'),
      onPressed: () {
        // Akció a nyomáskor
      },
    );
  }
}

A Flutter a natív API-kkal a pluginjein keresztül kommunikál, platformcsatornákat (Platform Channels) használva. Ez lehetővé teszi a natív iOS kód hívását Dartból és fordítva.

import 'package:flutter/services.dart';

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

  Future<String> getBatteryLevel() async {
    try {
      final String result = await platform.invokeMethod('getBatteryLevel'); // Natív módszer hívása
      return 'Az akkumulátor töltöttsége: $result%.';
    } on PlatformException catch (e) {
      return "Nem sikerült lekérni az akkumulátor szintjét: '${e.message}'.";
    }
  }
}

Az iOS oldalán a natív kód a MethodChannel-en keresztül kezeli a hívásokat.

// Swift kód az iOS projektben
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: "Az akkumulátor szintje nem elérhető.",
                          details: nil))
    } else {
      result(Int(device.batteryLevel * 100))
    }
  }
}

A dizájn testreszabásához a cupertino könyvtár widgetjeit használják, amelyek az iOS stílusát utánozzák. Emellett a specifikus iOS funkciók eléréséhez pluginokat használnak. Az iOS alkalmazás összeállítása Xcode-on keresztül történik. A Flutter generál egy iOS projektet, amelyet később natív futtatható fájlra (.ipa) fordítanak.

Hogyan alkalmazkodik a Flutter az iOS operációs rendszerhez?