Image Carousel a Carousel Slider (Detail Galérie) - Google Flutter príručka pre začiatočníkov | #1.11 Cieľ: 1. Vytvoríme Hero animáciu na prechod medzi stránkami 2. Pridáme špeciálne animačné efekty pre Hero animáciu 3. Naučíme sa nastaviť Ripple Efekt cez celý widget vrátane jeho potomkov 4. Ukážeme si ako zadefinovať vlastný Builder pomocou Typdefu 5. Pridáme cachovanie obrázkov načítavaných z internetu Úvod: Vitajte v Himdeve development , kde pre Vás pripravujeme tie najlepšie tutoriály, ktoré Vám uľahčia a zefektívnia vývoj mobilných aplikácií. Detailný popis s video návodom a zdrojovým kódom: https://himdeve.com/flutter-sk-cz-tutorialy/flutter-sk-cz-1-11-hero-animacia
Príspevky
Zobrazujú sa príspevky z dátumu apríl, 2020
- Získať odkaz
- Ďalšie aplikácie
Image Carousel a Carousel Slider (Detail Galérie) - Google Flutter príručka pre začiatočníkov | #1.10 Cieľ: 1. Vytvoríme detail stránku pre galériu obrázkov 2. Naučíme sa pracovať s komponentami PhotoView a PhotoViewGallery 3. Naučíme sa vytvoriť si vlastný Image Carousel a takisto aj využiť komponent Carousel Slider 4. Ukážeme si ako vytvoriť ripple efekt animáciu na kliknutie na obrázok 5. Naučíme sa ako zväčšovať, zmenšovať a rotovať obrázok 6. A taktiež si ukážeme ako pracovať s Flutter widgetmi ako je Stack, Positioned a InkWell Úvod: Vitajte v Himdeve development , kde pre Vás pripravujeme tie najlepšie tutoriály, ktoré Vám uľahčia a zefektívnia vývoj mobilných aplikácií. Detailný popis s video návodom a zdrojovým kódom: https://himdeve.com/flutter-sk-cz-tutorialy/flutter-sk-cz-1-10-image-carousel-detail-galerie
- Získať odkaz
- Ďalšie aplikácie
GridView a SliverGrid (Galéria) - Google Flutter príručka pre začiatočníkov | #1.9 Cieľ: 1. Vytvoríme galériu obrázkov 2. Naučíme sa pracovať s komponentami GridView a SliverGrid 3. Prejdeme si všetkými spôsobmi vytvorenia GridView – GridView.count(), GridView.extent(), GridView(), GridView.custom() 4. Naučiíme sa spôsob ako komplexne načítať zoznam obrázkov z Flutter priečinka Úvod: Vitajte v Himdeve development , kde pre Vás pripravujeme tie najlepšie tutoriály, ktoré Vám uľahčia a zefektívnia vývoj mobilných aplikácií. Detailný popis s video návodom a zdrojovým kódom: https://himdeve.com/flutter-sk-cz-tutorialy/flutter-sk-cz-1-9-gridview-slivergrid-galeria
- Získať odkaz
- Ďalšie aplikácie
TabBar - Google Flutter príručka pre začiatočníkov | #1.8 Cieľ: 1. V Portfolio obrazovke vytvoríme 2 taby na prepínanie medzi dvomi podstránkami portfólia – Portfolio Tutoriály a Portfolio Galéria 2. Využijeme komponenty ako je TabBar a TabBarView v kombinácii so Slivermi 3. Na záver si ukážeme možnosť ako použiť TabBar namiesto kombinácie BottomNavigationBaru s pageView komponentom. Úvod: Vitajte v Himdeve development , kde pre Vás pripravujeme tie najlepšie tutoriály, ktoré Vám uľahčia a zefektívnia vývoj mobilných aplikácií. Detailný popis s video návodom a zdrojovým kódom: https://himdeve.com/flutter-sk-cz-tutorialy/flutter-sk-cz-1-8-tabbar
- Získať odkaz
- Ďalšie aplikácie
PageView a BottomNavigationBar - Google Flutter príručka pre začiatočníkov | #1.7 Cieľ: 1. Vytvoriť SliverList widget pre Portfolio obrazovku obsahujúci zoznam tutoriálov tvorený obrázkom a nadpisom 2. Naučíme sa ako pracovať so slivermi – SliverList a SliverFixedExtentList 3. Vysvetlíme si význam sliver delegátov 4. Pridáme novú triedu Tuple 5. Naučíme sa ako pracovať s Card widgetom a vybudovať pekné grafické rozhranie Úvod: Vitajte v Himdeve development , kde pre Vás pripravujeme tie najlepšie tutoriály, ktoré Vám uľahčia a zefektívnia vývoj mobilných aplikácií. Detailný popis s video návodom a zdrojovým kódom: https://himdeve.com/flutter-sk-cz-tutorialy/flutter-sk-cz-1-7-pageview-bottomnavigationbar
- Získať odkaz
- Ďalšie aplikácie
SliverList - Google Flutter príručka pre začiatočníkov | #1.6 Cieľ: 1. Vytvoriť SliverList widget pre Portfolio obrazovku obsahujúci zoznam tutoriálov tvorený obrázkom a nadpisom 2. Naučíme sa ako pracovať so slivermi – SliverList a SliverFixedExtentList 3. Vysvetlíme si význam sliver delegátov 4. Pridáme novú triedu Tuple 5. Naučíme sa ako pracovať s Card widgetom a vybudovať pekné grafické rozhranie Úvod: Vitajte v Himdeve development , kde pre Vás pripravujeme tie najlepšie tutoriály, ktoré Vám uľahčia a zefektívnia vývoj mobilných aplikácií. Detailný popis s video návodom a zdrojovým kódom: https://himdeve.com/flutter-sk-cz-tutorialy/flutter-sk-cz-1-6-sliverlist
- Získať odkaz
- Ďalšie aplikácie
Sliver App Bar | Collapsing Toolbar - Google Flutter príručka pre začiatočníkov | #1.5 Cieľ: 1. Vytvoriť Sliver App Bar pre widget Portfolio 2. Naučíme sa ako pracovať s widgetmi SliverAppBar, FlexibleSpaceBar a SliverFillRemaining Úvod: Vitajte v Himdeve development , kde pre Vás pripravujeme tie najlepšie tutoriály, ktoré Vám uľahčia a zefektívnia vývoj mobilných aplikácií. Detailný popis s video návodom a zdrojovým kódom: https://himdeve.com/flutter-sk-cz-tutorialy/flutter-sk-cz-1-5-sliver-app-bar-collapsing-toolbar
- Získať odkaz
- Ďalšie aplikácie
Drawer - Google Flutter príručka pre začiatočníkov | #1.4 Cieľ: 1. Vytvoriť Drawer pre našu aplikáciu 2. Použiť UserAccountsDrawerHeader a ListTile pre Drawer 3. Naučiť sa pracovať s GestureDetector, CircleAvatar, AlertDialog widgetmi 4. Naučiť sa základnú navigáciu medzi obrazovkami v aplikácii – Page routing Úvod: Vitajte v Himdeve development , kde pre Vás pripravujeme tie najlepšie tutoriály, ktoré Vám uľahčia a zefektívnia vývoj mobilných aplikácií. Detailný popis s video návodom a zdrojovým kódom: https://himdeve.com/flutter-sk-cz-tutorialy/flutter-sk-cz-1-4-drawer-pageroute-navigator-useraccountsdrawerheader
- Získať odkaz
- Ďalšie aplikácie
WebView | Navigačné tlačítka, Javascript komunikácia - Google Flutter príručka pre začiatočníkov | #1.3 Cieľ: 1. Pridáme navigačné tlačítka – ísť dopredu a dozadu v histórii prehliadania stránok a refresh tlačítko na znovu načítanie stránky. 2. Okrem toho sa naučíme ako priamo komunikovať s javascriptom stránky načítanej vo WebView, ako písať a volať javascript pre WebView vo Flutteri. Úvod: Vitajte v Himdeve development , kde pre Vás pripravujeme tie najlepšie tutoriály, ktoré Vám uľahčia a zefektívnia vývoj mobilných aplikácií. Detailný popis s video návodom a zdrojovým kódom: https://himdeve.com/flutter-sk-cz-tutorialy/flutter-sk-cz-1-3-webview-navigacne-tlacitka-javascript-komunikacia
- Získať odkaz
- Ďalšie aplikácie
WebView Controller - Google Flutter príručka pre začiatočníkov | #1.2 Cieľ: 1. V tomto druhom diele našej Flutter SK/CZ série tutoriálov pridáme controller pre naše WebView aby sme ho následne vedeli plne ovládať, ako napríklad získavať aktuálnu url adresu, ísť v histórii dopredu, dozadu, refreshovať stránku, vymazať cache a podobne. V našom prípade zobrazíme aktuálnu url adresu. 2. Okrem toho pridáme topBar a floating action button do aplikácie. 3. Naučíme sa rozdiel medzi Stateless Widgetom a Stateful Widgetom. 4. A takisto základné info o koncepte Future, FutureBuilder, Completer a Async – Await mechanizme vo Flutteri. Úvod: Vitajte v Himdeve development , kde pre Vás pripravujeme tie najlepšie tutoriály, ktoré Vám uľahčia a zefektívnia vývoj mobilných aplikácií. Detailný popis s video návodom a zdrojovým kódom: https://himdeve.com/flutter-sk-cz-tutorialy/flutter-sk-cz-1-2-webview-controller-completer-future-builder-await-async
- Získať odkaz
- Ďalšie aplikácie
Jednoduché WebView - Google Flutter príručka pre začiatočníkov | #1.1 Cieľ: V tomto prvom diele našej Flutter SK/CZ série tutoriálov sa zameriame na vytvorenie WebView akejkoľvek webovej stránky dostupnej na internete a spustíme (embeddneme) ju v našej vlastnej aplikácii. Úvod: Vitajte v Himdeve development , kde pre Vás pripravujeme tie najlepšie tutoriály, ktoré Vám uľahčia a zefektívnia vývoj mobilných aplikácií. Detailný popis s video návodom a zdrojovým kódom: https://himdeve.com/flutter-sk-cz-tutorialy/flutter-sk-cz-1-1-prva-aplikacia-jednoduche-webview