Скачать или смотреть Flutter UI Tutorial - Designing Parcel Shipping Courier App UI Design (Figma to Flutter) - [PART 3]

#Flutter #Courier #Parcel #UIDesign #Learning #Dribbble

Hi everyone, I am ‪@abdulazizahwan‬ from Indonesia,
In this video, we are going to learn Figma to Flutter from basic with best practice. Which we are going to create a Parcel App Figma Freebies from Dribbble.

In this section, we will implement many widgets and concepts, such as Custom Scroll View, Slivers, SliverAppBar, SliverPadding, SliverList, Bottom Navigation Bar, Flutter SVG, Google Fonts, Custom Widget, ExpansionTile, Expanded, Google Maps Flutter, Http, Json Serializable, Custom Marker, and much more.

📽 PART 1 ►    • Flutter UI Tutorial - Designing Parcel Shi...  
📽 PART 2 ►    • Flutter UI Tutorial - Designing Parcel Shi...  
📽 PART 3 ►    • Flutter UI Tutorial - Designing Parcel Shi...  

🎨 UI Design Credit by Aleksandra Krasnowska check out on Dribbble
Link ► https://dribbble.com/shots/14370032-P...

🌐 Adding Google Maps to a Flutter app (Google Codelabs)
Link ► https://codelabs.developers.google.co...

Happy watching! ‪@flutterdev‬

🔖 JOIN FLUTTER COURSE 🔖
Build real, responsive applications! (Portfolio, E-commerce, Crypto App, Budget Tracker)
This course is designed for beginner to intermediate developers who want to build their future with Flutter
https://gumroad.com/a/659170419/fqamxr

⏲ Timestamp
00:00:00 👨🏻‍💻 Chapters
00:00:21 Intro
00:00:51 Main agenda
00:01:20 Download starter project
00:01:32 Starter project explanation
00:02:17 Open with VSCode
00:02:25 flutter pub get
00:02:52 Setup Google Maps for Flutter
00:06:56 Setup ParcelCenterScreen
00:08:06 Work with assets
00:09:10 Add some new dependencies
00:10:00 Generate locations.g.dart
00:11:00 Setup MapView
00:12:04 Setup Custom Marker on Map
00:13:00 Let’s fix bugs
00:13:33 Setup List of Parcel Office
00:20:55 Let’s fix bugs
00:22:10 Fixed using gestureRecognizers
00:22:26 Comparison Figma vs Flutter
00:22:44 Closing

👨🏻‍💻 BE A SUPPORTER
Link ►    / @abdulazizahwan  

☕ BUY ME A COFFEE
Link ► https://buymeacoffee.com/abdulazizahwan

🤙 JOIN MY DISCORD
Link ►   / discord  

Hopefully, you would love this video.
I am so grateful if you want to hit the subscribe button. Thanks

👨‍💼 Business Inquiries: [email protected]

----------------------------------

🎬 ANOTHER PLAYLIST
Flutter UI Design Best Practices
Link ►    • Flutter UI Tutorial - UI Design Best Pract...  

Flutter Firebase CRUD Tutorial
Link ►    • Flutter Firebase CRUD Tutorial  

Flutter Tutorial - Basic [EN]
Link ►   • Flutter Tutorial - Basic [EN]  

----------------------------------

⚠️ FLUTTER & DART VERSION
Flutter 2.8.1
Dart 2.15.1

🔨 PACKAGE FOR THIS PROJECT
flutter_svg: (https://pub.dev/packages/flutter_svg)
google_fonts: (https://pub.dev/packages/google_fonts)
...

📂 PROJECT FILE
Part 0 - Flutter Starter Code
Link ► https://abdulazizahwan.gumroad.com/l/...

Part 1 - Home Screen
Link ► https://abdulazizahwan.gumroad.com/l/...

Part 2 - Send Parcel Screen
Link ► https://abdulazizahwan.gumroad.com/l/...

Part 3 - Parcel Center Screen
Link ► https://abdulazizahwan.gumroad.com/l/...

----------------------------------

👨‍💻 GEAR LIST
MacBook Pro 2017 8GB RAM 256GB Monterey OS
https://tokopedia.link/ie4xjzRzQnb

Acer Swift 3 SF314-54G-51ZK

Canon EOS M50 Sigma 16mm f1.4

Logitech C922 Pro Webcam

Microphone Clip-On BOYA BY-M1

----------------------------------

📌 SUBSCRIBE ME
Here ► http://bit.ly/AbdulAzizAhwan

----------------------------------

📱 FOLLOW
Twitter ►   / abdulazizahwan  
Github ► https://github.com/abdulazizahwan
My Blog ► http://abdulazizahwan.com

----------------------------------

Thanks for Watching!
#Dart
#Android
#iOS
#Swift
#Kotlin