Nainstalujte Flutter na Linux
Flutter můžete v Linuxu nainstalovat dvěma způsoby. První metoda je docela přímočará, vše, co musíte udělat, je spustit jednoduchý příkaz k instalaci Flutter z úložiště snap.
$ sudo snap install flutter --classicDruhá metoda zahrnuje stahování flutterového úložiště z GitHubu. Spusťte následující příkazy postupně a ručně nainstalujte Flutter:
$ sudo apt nainstalovat git$ git clone https: // github.com / flutter / flutter.git -b stable --depth 1 --no-single-branch
Upozorňujeme, že spuštěním výše uvedeného příkazu získáte požadované soubory z oficiálního úložiště Flutter, včetně spustitelných binárních souborů. Tyto binární soubory budete moci spustit ze složky „bin“. Tyto spustitelné soubory však nebudou přidány do systémové proměnné PATH a nebudete je moci spustit odkudkoli, pokud je do proměnné PATH nepřidáte ručně. Postupujte podle následujících pokynů.
Otevřeno ".soubor bashrc ”umístěný ve vaší domovské složce pomocí vašeho oblíbeného textového editoru:
$ nano „$ HOME /.bashrc “Přidejte následující řádek do spodní části souboru a opatrně vložte
Pokud jste si například stáhli úložiště Flutter ve složce „Stahování“, budete muset přidat následující řádek:
export PATH = "$ PATH: $ HOME / Downloads / flutter / bin"Až budete hotovi, soubor uložte. Obnovit ".soubor bashrc ”spuštěním následujícího příkazu:
$ zdroj „$ HOME /.bashrc “Chcete-li ověřit, že do cesty byla přidána složka „koše“ společnosti Flutter, spusťte následující příkaz:
$ echo $ PATHMěli byste získat nějaký výstup, jako je tento:
/ usr / local / sbin: / usr / local / bin: / usr / sbin: / usr / bin: / sbin: / bin: / usr / games: / usr / local / games: / snap / bin: / home / nit / Soubory ke stažení / flutter / bin
Všimněte si přítomnosti klíčového slova „flutter“ a úplné cesty, která zobrazuje složku „bin“ v adresáři „flutter“.
Chcete-li zkontrolovat, zda lze příkaz „flutter“ spustit z libovolné cesty, použijte následující příkaz:
$ který třeseMěli byste získat nějaký výstup, jako je tento:
/ home / nit / Soubory ke stažení / flutter / bin / flutter
Všimněte si, že jazyk „Dart“, který je vyžadován pro psaní aplikací Flutter, je dodáván se soubory Flutter staženými z úložiště git nebo z balíčku snap. Spuštěním následujícího příkazu zkontrolujte chybějící závislosti potřebné ke spuštění Flutteru:
$ flutterový doktorNěkteré požadované soubory se mohou začít stahovat a dokončit nastavení třepetání. Pokud ještě nemáte nainstalovanou sadu Android SDK, na výstupu se zobrazí zpráva, která vás provede instalací.
Pokud chcete vyvíjet aplikace pro Android pomocí Flutteru, klikněte na odkazy viditelné ve výstupu terminálu a podle příslušných kroků nainstalujte Android SDK.
Tento kurz se zaměřuje na vytváření webových aplikací pomocí Flutter. Chcete-li povolit podporu pro vytváření webových aplikací, spusťte postupně následující příkazy:
$ flutterový kanál beta$ flutter upgrade
$ flutter config --enable-web
Chcete-li ověřit, že podpora webových aplikací byla skutečně povolena, spusťte následující příkaz:
$ flutterová zařízeníMěli byste získat nějaký výstup, jako je tento:
2 připojená zařízení:
Webový server (web) • webový server • web-javascript • nástroje třepetání
Chrome (web) • chrom • web-javascript • Google Chrome 87.0.4280.66
Pokud jste doposud postupovali správně, měl by být nyní Flutter ve vašem systému správně nainstalován a připraven k vytvoření některých webových aplikací.
Vytvořte nový projekt třepetání
Chcete-li pomocí aplikace Flutter vytvořit nový projekt webové aplikace „HelloWorld“, spusťte níže uvedené příkazy:
$ flutter vytvoří helloworld$ cd helloworld
Chcete-li otestovat nově vytvořený projekt, spusťte příkaz:
$ flutter run -d chromMěli byste vidět ukázku webové aplikace Flutter takto:
Webové aplikace Flutter můžete ladit pomocí vývojových nástrojů zabudovaných do prohlížeče Chrome.
Upravte svůj projekt
Demo projekt, který jste vytvořili výše, obsahuje „hlavní.dart “soubor umístěný ve složce„ lib “. Kód obsažený v tomto „hlavním.dart ”soubor je velmi dobře okomentován a lze jej snadno pochopit. Navrhoval bych vám projít si kód alespoň jednou, abyste pochopili základní strukturu aplikace Flutter.
Flutter podporuje „hot reload“, což vám umožní rychle aktualizovat aplikaci, aniž byste ji znovu spustili, abyste viděli změny. Zkuste změnit název aplikace z „Flutter Demo Home Page“ na „Hello World !!" v hlavním.dart ”soubor. Po dokončení stiskněte
Sestavte si aplikaci třepetání
Chcete-li vytvořit webovou aplikaci Flutter, použijte níže uvedený příkaz z adresáře projektu:
$ flutter build webJakmile je proces sestavení dokončen, měli byste mít v adresáři projektu novou složku umístěnou na cestě „build / web“. Zde najdete všechny potřebné “.html “,„.js “a„.css ”soubory potřebné pro online obsluhu projektu. Najdete také různé soubory aktiv použité v projektu.
Užitečné zdroje
Další informace o vývoji webových aplikací pomocí Flutter najdete v jeho oficiální dokumentaci. Můžete si přečíst oficiální dokumentaci jazyka Dart, abyste lépe porozuměli aplikacím Flutter. Flutter přichází s hromadou oficiálních balíčků a balíčků třetích stran, které můžete použít k rychlému vývoji aplikací. Tyto balíčky najdete zde. Widgety Flutter pro materiálový design můžete použít ve svých webových aplikacích. Dokumentaci k těmto widgetům najdete v oficiální dokumentaci Flutter. Tyto widgety si můžete také prohlédnout procházením pracovních ukázek webových komponent materiálového designu.
Závěr
Flutter je ve vývoji už nějakou dobu a roste jako rámec pro vývoj multiplatformních aplikací „write once deploy anywhere“. Jeho přijetí a popularita nemusí být tak vysoké jako u jiných takových rámců, ale poskytuje stabilní a robustní API pro vývoj aplikací napříč platformami.