Flutter UI Nutrition Food Store App - Speed Code

123 Просмотры

  • Спасибо! Поделитесь с друзьями!

    Вам не понравилось видео. Спасибо за то что поделились своим мнением!

admin
Издатель
Flutter Store App UI for Nutrition Foods Tutorial

In this video we will create two screens for ecommerce app using #flutter. In Home screen there will be items grid and category selector. In Details screen we display selected item details. We using #Hero widget to implement #animation.

Support us:
https://www.patreon.com/codecrafts

Source Code:
https://github.com/gihan667/nutrition-app

Assets:
https://1.envato.market/KejWZv

Design Credits:
https://www.uplabs.com/posts/food-nutrition-app-challenge

Responsive Travel App UI using Flutter:
* Part 1: https://youtu.be/jTTRWTAwcBU
* Part 2: https://youtu.be/87dPve_-yqE

Responsive Landing Page using Flutter Web:
* Part 1: https://youtu.be/PM-ASOgxBn8
* Part 2: https://youtu.be/hntFZd5bddU

Flutter UI Playlist:
https://www.youtube.com/watch?v=PMcXhYmFFN4&list=PLag9hTrQE5r4jXeevJxIpsJji7sqp8x5Z

Social Media:
Web: https://codecrafts.dev
Instagram: https://www.instagram.com/codecrafts
Facebook: https://facebook.com/codecraftsl
Twitter: https://twitter.com/GihanLakshan4

Timestamps:
0:00 Intro
0:26 Project Setup
1:25 Scaffold Home Page
1:30 App Bar
3:50 Bottom Navigation Bar
5:42 Main Content
6:18 Search Bar
7:35 Categories & Filter
11:43 Items Grid
11:30 Register Page UI
16:34 Details Screen
20:22 Qty Selector
22:30 Vitamins Slider
23:50 Ingredients Slider
25:00 Buy Button & Price Row

Thanks for watching!
Make sure to like + Subscribe For More!
Категория
Разработка на Flutter
Комментариев нет.