Favorite Product Screen in Flutter | Flutter eCommerce App

In this informative Flutter eCommerce video tutorial, we will guide you through the creation of a Wishlist screen in Flutter, offering you a dynamic and organized user interface for your e-commerce app.
► Flutter eCommerce App Course: • Professional Flutter E...
🎊 E-COMMERCE APP
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🎁 DOWNLOAD SOURCE CODE: codingwitht.com/product/flutt...
❤️ FLUTTER E-COMMERCE APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Complete E-Commerce App : • Professional Flutter E...
► Section - 1 Configuration : • Professional Flutter P...
► Section - 2 Login App : • Professional Flutter P...
► Section - 3 eCommerce UI : • Flutter Complete Ecomm...
► Section - 4 Login Backend: • Flutter Firebase Cours...
► Section - 5 eCommerce Backend: • Flutter E-Commerce App...
❤️ SUBSCRIPTIONS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Join Patreon to Access Premium Content: / membership
COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE • Flutter Crash Course f...
► LOGIN APP FIREBASE • Flutter Login App - UI...
🧑‍💻 RELATED VIDEOS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Custom App Bar: • Flutter Custom AppBar ...
► Custom Shape: • Flutter Clip Path Tuto...
► Circular image: • Search Bar and Horizon...
► Grid Layout & Product Design : • Gridview in Flutter wi...
► All Products Page Design • Flutter All Products P...
FOLLOW US ON SOCIAL MEDIA
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 Facebook | / codingwithtea
💻 Instagram | / coding_with_tea
❤️ Subscribe | kzbin.info...
CHAPTERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Introduction
00:10 Video Overview
00:58 Playlist Overview
01:27 Previous Tutorial Overview
02:12 How to remove warnings in flutter
03:26 Create custom app bar in flutter
04:47 Change color of categories created in previous tutorial
05:49 Create Wishlist widget
DETAILS

[@mohammedislam733]

why we add the Column widget here ? thers another widgets to create with the grid?

[@muhammadmajid2178]

Very nice sir g

[@CodingwithT]

Thank you

[@user-zn1lb6ir2w]

Question - I see you have set up Android Studio so that when you click on a module that is referenced in the code (like "TAppBar") it opens up the actual file in the studio. What is the setting to get this link activated? Also, you have a circular cursor on the emulator - what settings do you use to set that up in Android Studio - I still show my arrow mouse cursor. Thanks in advance.

[@CodingwithT]

1- TAppBar is a custom app bar widget i have created in custom app bar tutorial. 2- I am using my android mobile not an emulator.

[@ryansumbele3552]

i understand what you mean to click the module and open the file like he does, you press and hold ctrl on your keyboard ,then hover over the module, when it turns blue you click it

[@aouadicharaf1038]

❤❤❤

[@xYolcar]

The "onPressed" of the add button should update the selectedIndex of the NavigationController, because otherwise when going home it loses the NavigationBar.

[@CodingwithT]

To navigate to Home with a Navigation in place. You should call NavigationMenu class as we did in the Login.

[@ChetankumarAkarte]

@@CodingwithT As per your suggestion below code won't work. In the NavigationController => selectedIndex is set to 2 so it will remain on the Wishlist page. TCircularIcon( icon: Iconsax.add, onPressed: () => Get.to(() => const NavigationMenu()), )

[@A2Vloogs]

@@ChetankumarAkarte did you find the solution??

[@ChetankumarAkarte]

@@A2Vloogs Modify your build method as below... @override Widget build(BuildContext context) { NavigationController controller = Get.put(NavigationController()); return Scaffold( appBar: TAppBar( title: Text('Wishlist', style: Theme.of(context).textTheme.headlineMedium), actions: [ TCircularIcon( icon: Iconsax.add, onPressed: () { controller.selectedIndex.value = 0; Get.to(() => const NavigationMenu()); }, ) ], ), body: SingleChildScrollView( child: Padding( padding: const EdgeInsets.all(TSizes.defaultSpace), child: Column( children: [ TGridLayout( itemCount: 5, itemBuilder: (_, index) { return const TProductCardVertical(); }), ], ), ), ), ); }

[@PhenomenalPulse]

@@A2Vloogs after navigating to NavigationMenu update controller.selectedIndex.value otherwise selecteIndex will be remain 2, and when you click icon to navigate you will be still in WishlistScreen

[@gulammustufamomin2503]

I am getting blank space between Nike and $25.5. I tried to remove from my self but not solved. Can you please help me ?

[@CodingwithT]

That's added by choice using the Spacer() widget.

[@gulammustufamomin2503]

@@CodingwithT : If we don't add spacer the text goes up. I want to reduce the height of the grid. In your device there is no space between Nike and $25.5 but in my device the space is more.

[@Nethaji_Karthick]

Hello dear

[@CodingwithT]

Hello 😊