Kuidas kohandub Flutter iOS-operatsioonisüsteemiga…

Flutter kasutab UI renderimiseks Skia mootorit, mis suhtleb otse GPU-ga. iOS-i natiivseid komponente (nupud, kerimisrullid jne) ei kasutata. Nende välimust ja käitumist imiteeritakse Flutter vidinate abil, mis on stiilitud Human Interface Guidelines'i järgi.

Näiteks iOS-stiilis nupu loomisel kasutatakse CupertinoButton:

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

class MyCupertinoButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoButton(
      child: Text('Vajuta mind'),
      onPressed: () {
        // Tegevus nupule vajutamisel
      },
    );
  }
}

Flutter suhtleb natiivsete API-dega oma plugin-ide kaudu, kasutades platvormikanaleid (Platform Channels). See võimaldab kutsuda iOS-i natiivkoodi Dartist ja vastupidi.

import 'package:flutter/services.dart';

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

  Future<String> getBatteryLevel() async {
    try {
      final String result = await platform.invokeMethod('getBatteryLevel'); // Natiivmeetodi kutsumine
      return 'Aku tase: $result%.';
    } on PlatformException catch (e) {
      return "Aku taseme saamine ebaõnnestus: '${e.message}'.";
    }
  }
}

iOS-i poolel töötleb natiivkood kutsed MethodChannel kaudu.

// Swift kood iOS projektis
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: "Aku tase pole kättesaadav.",
                          details: nil))
    } else {
      result(Int(device.batteryLevel * 100))
    }
  }
}

Dizaini kohandamiseks kasutatakse cupertino teeki, mis imiteerib iOS-i stiili. Samuti pääseb iOS-i spetsiifiliste funktsioonide juurde plugin-ide kaudu. Rakenduse ehitamine iOS-ile toimub Xcode'i kaudu. Flutter genereerib iOS-projekti, mis seejärel kompileeritakse natiivseks .ipa failiks.

Kuidas kohandub Flutter iOS-operatsioonisüsteemiga?