Image Carousel a Carousel Slider (Detail Galérie) - Google Flutter príručka pre začiatočníkov | #1.10


flutter image carousel
   


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

Komentáre

Zverejnenie komentára

Obľúbené príspevky z tohto blogu

Obraz
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
Čítať ďalej
Obraz
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
Čítať ďalej
Obraz
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
Čítať ďalej