Flutter (software)

Flutter aplikace jsou napsány v jazyce Dart a využívají mnohé pokročilejší funkce jazyka.[4]

V systémech Windows, MacOS a Linux se prostřednictvím polo-oficiálního projektu Flutter Desktop Embedding, spouští Flutter ve virtuálním stroji Dartu, který obsahuje spouštěcí modul just-in-time. Při psaní a ladění aplikace používá Flutter „Just In Time“ (okamžitou) kompilaci, která umožňuje „hot reload“ (Rychlé obnovení), pomocí kterého je možné vložit změny zdrojových souborech do běžící aplikace. Flutter dokonce rozšiřuje tuto funkci o podporu okamžitého obnovení stavu aplikace (Stateful hot reload), kde ve většině případů se změny zdrojového kódu mohou okamžitě projevit v běžící aplikaci, aniž ji bylo nutné restartovat nebo by se ztratil její aktuální stav.[5]

Vydané verze Flutter aplikací jsou kompilované s ahead-of-time (AOT) kompilací v systémech Android i iOS,[6] což umožňuje vysoký výkon Flutteru na mobilních zařízeních.[7]

Flutter modul, je primárně napsán v C++ a poskytuje podporu renderování (vykreslování) na low-level (nízké úrovni) pomocí grafické knihovny Skia od společnosti Google. Kromě toho se připojuje k SDK nástrojem specifickým pro platformu, jako je Android a iOS.[4] Flutter modul je přenosný runtime modul na hostování Flutter aplikací. Implementuje základní knihovny Flutteru včetně animace a grafiky, vstupně-výstupních souborů a sítí, podporu přístupnosti, architekturu doplňků a Dart runtime s kompilaci Dart nástrojů. Většina vývojářů bude interagovat s Flutterem pouze prostřednictvím Flutter frameworku, který poskytuje moderní, reaktivní rozhraní a bohatou sadu základních widgetů i widgetů pro platformu a základní rozložení aplikací.^[zdroj?]

Základní knihovna, napsaná v jazyce Dart, poskytuje základní třídy a funkce, které se používají k vytváření aplikací pomocí Flutteru, jako jsou API rozhraní pro komunikaci s Flutter modulem.[4][8]

Uživatelský Design ve Flutteru zahrnuje použití kompozice na sestavení / vytváření „Widgetů“ z jiných Widgetů. Trik na pochopení tohoto je uvědomit si, že každý strom komponentů (Widgetů), který je sestaven pod jedinou metodou build(), se také označuje jako samostatný Widget. Důvodem je skutečnost, že tyto menší Widgety se skládají z ještě dalších menších Widgetů a každý z nich má svou vlastní metodu build(). Takto Flutter využívá kompozici.^[zdroj?]

Podle dokumentace: „Widget je neměnný popis části uživatelského rozhraní.“ Zjednodušeně lze o tom přemýšlet jako o neměnném modelu. Nutné je však mít na paměti, že ve Flutteru je mnoho typů Widgetů a ne všechny je možné vidět nebo je upravovat. Například Text je Widget, ale i jeho TextStyle je Widget, který definuje věci jako velikost, barvu, font a tloušťku písma. Existují Widgety, které reprezentují objekty (Text), jiné představující charakteristiky (TextStyle), a dokonce takové, které budují další objekty, jako například FutureBuilder a StreamBuilder.^[zdroj?]

Složité Widgety lze vytvořit kombinací mnoha jednodušších Widgetů a aplikace je vlastně následně pouze největším Widgetem z nich (často nazývaný „MyApp“). Widget „MyApp“ obsahuje všechny ostatní Widgety, které mohou obsahovat ještě menší Widgety, a spolu tvoří celou aplikaci.^[zdroj?]

Na sestavení Flutter aplikací se však striktně nevyžaduje použití Widgetů. Alternativní možností, kterou obvykle používají pouze lidé, kteří rádi ovládají každý pixel vykreslen na obrazovce, je přímé použití základních metod knihovny. Tyto metody se dají použít na vykreslení různých tvarů, textu a snímků přímo na plátno obrazovky. Tato schopnost Flutteru se využívá v některých herních enginech.^[zdroj?]

Flutter i obecně funguje spíše jako herní engine. Uživatelské rozhraní je sestaveno a vykreslené na plátno (canvas Skia) podle toho, jak se mění pomocí metody každého Widgetu 'build()'. Flutter aktualizuje uživatelské rozhraní rychlostí 60 snímků / s (60 fps) nebo 120 fps na zařízeních, které jsou schopny se aktualizovat frekvencí 120 Hz.[9]

Flutter framework obsahuje dvě sady Widgetů, které odpovídají konkrétnímu designu jazyků. Material Design Widgety implementují designový jazyk Google se stejným názvem (Material Design) a Cupertino Widgety implementují pokyny společnosti Apple pro iOS Human rozhraní.[4][10][11][12]

Program Ahoj Svět ve Flutteru vypadá následovně:[9]

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Ahoj Svet',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Ahoj Svet'),
        ),
        body: Center(
      child: Text('Ahoj Svet'),
        ),
      ),
    ),      
  }
}

• Oficiální stránka
• Příručka Flutter tutoriálů na Himdeve.com