Sobes.tech
Middle

Cum se adaptează Flutter la sistemul de operare iOS?

sobes.tech AI

Răspuns de la AI

Flutter utilizează motorul Skia pentru randarea interfeței utilizator, care interacționează direct cu GPU-ul. Componentele native iOS (butoane, derulatoare etc.) nu sunt utilizate. Aspectul și comportamentul lor sunt imitate cu widget-uri Flutter stilizate conform Ghidurilor de Interfață Umană.

De exemplu, pentru a crea un buton în stil iOS, se folosește CupertinoButton:

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

class MyCupertinoButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoButton(
      child: Text('Нажми меня'),
      onPressed: () {
        // Acțiune la apăsare
      },
    );
  }
}

Flutter interacționează cu API-urile native prin plugin-urile sale, folosind canale de platformă (Platform Channels). Acest lucru permite apelarea codului nativ iOS din Dart și invers.

import 'package:flutter/services.dart';

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

  Future<String> getBatteryLevel() async {
    try {
      final String result = await platform.invokeMethod('getBatteryLevel'); // Apelarea metodei native
      return 'Nivelul bateriei: $result%.';
    } on PlatformException catch (e) {
      return "Nu s-a putut obține nivelul bateriei: '${e.message}'.";
    }
  }
}

Pe partea iOS, codul nativ gestionează apelurile prin MethodChannel.

// Cod Swift în proiectul iOS
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: "Nivelul bateriei nu este disponibil.",
                          details: nil))
    } else {
      result(Int(device.batteryLevel * 100))
    }
  }
}

Pentru a adapta designul, se folosesc widget-uri din biblioteca cupertino, care imită stilul iOS. De asemenea, accesul la funcții specifice iOS se face prin plugin-uri. Compilarea aplicației pentru iOS se face prin Xcode. Flutter generează un proiect iOS, care apoi este compilat într-un fișier executabil nativ (.ipa).