Gridview in Flutter with Product Card Design | Flutter Gridview 2023

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024

Комментарии • 80

  • @thekd5376
    @thekd5376 10 месяцев назад +2

    These videos are really high level stuff, Please make more apps like this (music player with recommendation system etc). YOU ARE GREAT 🎉
    I appreciate your efforts

    • @CodingwithT
      @CodingwithT  10 месяцев назад

      Thank you 😊. Noted 😃

  • @Mrlikeandshare
    @Mrlikeandshare 8 месяцев назад +1

    we learn with you evrey day somthing new thanks siir

  • @manikandann-ty6cu
    @manikandann-ty6cu 9 месяцев назад

    Thank you so much. Your videos very useful for every flutter developer.

  • @kinggrey2511
    @kinggrey2511 Год назад

    Eagerly waiting for backend coding simce 5 days loving this till now please explain state management local storage etc stuff like dynamic theme flex_color_scheme in detail luv your series

  • @dientieu8680
    @dientieu8680 6 месяцев назад +1

    I am having an error that TProductCardVertical does not set width: 180 in the container, can you help me fix it?

  • @smrutiprakashmohanty1068
    @smrutiprakashmohanty1068 11 месяцев назад

    Very Nice Tutorial.. Thank you so much Bhai.. 🙏

  • @a7madzz57
    @a7madzz57 7 месяцев назад

    wouldnt the shrinkwrap used for the gridview lower the performance? slivers in this case be more useful?

  • @kunalsin
    @kunalsin Год назад

    Great tutorial

  • @bhardwaj_abhi3421
    @bhardwaj_abhi3421 8 месяцев назад

    Thanks for video

  • @yourparcel
    @yourparcel 5 месяцев назад +2

    I have a good problem that the all images and texts qre not properly aligned in the grid layout so helpp...

    • @CodingwithT
      @CodingwithT  5 месяцев назад

      Did you check the sizedbox or column directions

    • @yourparcel
      @yourparcel 5 месяцев назад

      @@CodingwithT first of all thank u soooo much u replied me, I short it out problem I again checkout the product_cart_vertical.dart file and then I gotted the logical error that I was just using the TRoundedContainer as parent widget, let it go .

  • @muhammadmajid2178
    @muhammadmajid2178 Год назад

    Thank a lot for early video upload

  • @mahmoud_hamdy_flutter
    @mahmoud_hamdy_flutter 7 месяцев назад

    thanks bro🥰🥰🥰

    • @CodingwithT
      @CodingwithT  7 месяцев назад

      You're welcome 😊👍🏼🥳

  • @MyDreams007
    @MyDreams007 Год назад

    Thanks a lot

  • @mahmoud_hamdy_flutter
    @mahmoud_hamdy_flutter 7 месяцев назад

    and if i don't want to use the shrinkwrap to keep lazy building for app performance ?

    • @CodingwithT
      @CodingwithT  7 месяцев назад

      To maintain lazy building for app performance without using shrinkWrap, consider using a CustomScrollView with sliver-based widgets or implementing pagination. These approaches can help optimize performance while still achieving lazy loading behavior.

  • @5minutesvalorant825
    @5minutesvalorant825 9 месяцев назад +4

    In this why image is not getting display.?

    • @TheArtOfWarStrategy
      @TheArtOfWarStrategy 8 месяцев назад +3

      in rounded container include child: child, after box decoration

    • @rajabushabani1371
      @rajabushabani1371 7 месяцев назад +1

      Appreciate it bro , i was stuck trying to figure it out for two days@@TheArtOfWarStrategy

    • @gauravsethi17
      @gauravsethi17 5 месяцев назад +1

      @@TheArtOfWarStrategy thanks bro. you saved alot of time😄

  • @bayanaaa9623
    @bayanaaa9623 2 месяца назад

    hi man, the vertical product card breaks when device is rotated, or open in tablet. how to fix these problem?

    • @CodingwithT
      @CodingwithT  2 месяца назад

      You can use expanded widget to counter this problem

  • @enespertekli
    @enespertekli 10 месяцев назад

    Hi From Türkiye (Turkey). I need the picture you used, how can I find them? thank you for all tutorials

    • @CodingwithT
      @CodingwithT  10 месяцев назад

      Hi 👋,
      You can download all the assets from the link given in the description. Just download starter kit 🎉.

  • @denn319
    @denn319 6 месяцев назад

    Very useful! not something, but I learnt a lot.

    • @CodingwithT
      @CodingwithT  6 месяцев назад

      Glad you found it useful! If you have any questions, feel free to ask. Happy learning!

    • @SyedS-zu9do
      @SyedS-zu9do 4 месяца назад

      Jjkkhjyn❤😮😊😅😮😢

  • @yjskrishnateja
    @yjskrishnateja 3 месяца назад

    I have a problem I did not understand how to change the other product image and its details since you used only green nike shoes multiple times so help....

    • @yjskrishnateja
      @yjskrishnateja 3 месяца назад

      Like how to reuse the code for different product display and price details etc atleast give me the idea of how to implement it sir i will try :)

    • @CodingwithT
      @CodingwithT  3 месяца назад

      Dear it is just a design and for the backend either watch the backend video already uploaded in this playlist OR To manage products in a proper way, you have to watch eCommerce Admin Panel Course.

  • @ollieollewagen7242
    @ollieollewagen7242 8 месяцев назад

    In which video did you create the TroundedContainer as it seems to me that I have missed that portion

    • @CodingwithT
      @CodingwithT  8 месяцев назад

      I think I've shown that code multiple times but not sure in which video.

    • @MuhammadWaleedshahid-xp1yy
      @MuhammadWaleedshahid-xp1yy 8 месяцев назад

      @@CodingwithT I'm following the project I have also missed where you have created TRoundedContainer

    • @MuhammadWaleedshahid-xp1yy
      @MuhammadWaleedshahid-xp1yy 8 месяцев назад

      @@CodingwithT TCircularContainer is the TRoundedContainer?

  • @aouadicharaf1038
    @aouadicharaf1038 10 месяцев назад

    ❤❤❤

  • @alwajeehalwajeeh
    @alwajeehalwajeeh Год назад +1

    My friend thanks a lot, how much videos left in this app please replay my friend

    • @CodingwithT
      @CodingwithT  Год назад +1

      You welcome 🤗.
      The Design is about to be over in next couple of videos.
      Then Will work on Backend. It'll be quicker 🤠🎉

    • @alwajeehalwajeeh
      @alwajeehalwajeeh Год назад

      @@CodingwithT thanks a lot my friend 💟

  • @samarth_pachpile_patil3533
    @samarth_pachpile_patil3533 2 месяца назад

    Plz help my TRoundedContainer is not getting displayed

    • @CodingwithT
      @CodingwithT  2 месяца назад

      I am sorry for that. I think you missed something. Check thoroughly that if you missed any widget. If it doesn't help then contact us at Whatsapp.

  • @ma7m99d
    @ma7m99d Год назад

    can you use api ?

    • @CodingwithT
      @CodingwithT  Год назад +1

      Yes. I will create a tutorial on that after this playlist.

  • @adamilham_
    @adamilham_ 9 месяцев назад

    sir, why my rounded container doesn't came up? I already follow step by step

    • @sakshibang5902
      @sakshibang5902 8 месяцев назад

      Hey, I’m facing the same issue
      If your problem is solved, can you please help me too.

    • @Kao-el1cj
      @Kao-el1cj 8 месяцев назад

      @@sakshibang5902 I solved by calling ProductCardImage widget in home.dart

    • @Kao-el1cj
      @Kao-el1cj 8 месяцев назад

      @@sakshibang5902 I solved it by calling ProductCardVertical widget in home.dart

  • @samudithasamarasinghe696
    @samudithasamarasinghe696 Год назад

    if I purchase a code can you give source code as soon as possible??
    I have to complete my project this week😟😟!!
    I need the login app project.

    • @CodingwithT
      @CodingwithT  Год назад

      You can download the Login app code I've already created.
      codingwitht.com/product/modern-flutter-login-app-with-firebase-and-getx/

    • @aneesmohamed3654
      @aneesmohamed3654 Год назад

      Can I contact you in private. Please provide your email or whatsup @codingwithT

  • @MagnoDaza
    @MagnoDaza 7 месяцев назад

    everything work me

    • @CodingwithT
      @CodingwithT  7 месяцев назад

      That's fantastic news! If you encounter any issues or have questions in the future, don't hesitate to ask for assistance. Keep up the great work!

  • @aswinjerry9548
    @aswinjerry9548 Год назад

    Start

  • @EmzyWoo-km6gx
    @EmzyWoo-km6gx Год назад

    common i need the app befoure febuary let me hire you please

  • @TENUGREALS
    @TENUGREALS Год назад

    Sharab se request karta hun please is course ke bad aap movie streaming course banaega please sir

  • @anesabdelli965
    @anesabdelli965 6 месяцев назад

    You tutos are good but when you get to the point you end the video , why didn't you tell us how to display many products in the home page ? You just display one product multiple times and then in the next video, your code changes!!

    • @CodingwithT
      @CodingwithT  6 месяцев назад +2

      To add and manage products, banners, and everything else you have to watch Admin Panel Course that I am about to launch

  • @varunp7998
    @varunp7998 4 месяца назад

    Image is not showing in stack rounded container

    • @CodingwithT
      @CodingwithT  4 месяца назад

      Make sure Stack is properly set and visible. Then inside check if image is properly added.

  • @amankhan-de9jd
    @amankhan-de9jd 10 месяцев назад +2

    import 'package:flutter/material.dart';
    import 'package:laptopharborstore/common/styles/rounded_container.dart';
    import 'package:laptopharborstore/common/styles/shadow.dart';
    import 'package:laptopharborstore/common/widgets/images/LH_images_rounded.dart';
    import 'package:laptopharborstore/utils/constants/colors.dart';
    import 'package:laptopharborstore/utils/constants/image_strings.dart';
    import 'package:laptopharborstore/utils/constants/sizes.dart';
    import 'package:laptopharborstore/utils/helpers/helpers_fuctions.dart';
    class LHProductCardVerticle extends StatelessWidget {
    const LHProductCardVerticle({super.key});
    @override
    Widget build(BuildContext context) {
    final dark = LHHelperFunction.isDarkMode(context);
    return Container(
    width: 180,
    padding: const EdgeInsets.all(1),
    decoration: BoxDecoration(
    boxShadow: [LHShadowStyle.verticalProductShadow],
    borderRadius: BorderRadius.circular(LHSize.productImageRadius),
    color: dark ? LHColor.darkerGrey : LHColor.white
    ),
    child: Column(
    children: [
    LHRoundedContainer(
    height: 180,
    padding: EdgeInsets.all(LHSize.sm),
    backgroundColor: dark ? LHColor.dark : LHColor.light,
    child: Stack(
    children: [
    LHRoundedimage(imageUrl: LHImages.google, applyImageRadius: true,)
    ],
    ),
    )
    ],
    ),
    );
    }
    }
    i follow step by step but image is not coming i dont know why please help me coding with t

    • @5minutesvalorant825
      @5minutesvalorant825 9 месяцев назад

      Yes same problem facing

    • @CalmSoulTalk
      @CalmSoulTalk 9 месяцев назад

      Same problem facing

    • @QujuanK1
      @QujuanK1 9 месяцев назад +7

      Make sure you add the child in the rounded_container code :
      @override
      Widget build(BuildContext context) {
      return Container(
      width: width,
      height: height,
      padding: padding,
      margin: margin,
      decoration: BoxDecoration(
      color: backgroundColor,
      borderRadius: BorderRadius.circular(radius),
      border: showBorder ? Border.all(color: borderColor) : null),
      child: child,
      );
      }
      }
      When I added the child my image popped up

    • @BC2715
      @BC2715 7 месяцев назад +2

      @@QujuanK1 tq sir

    • @yourparcel
      @yourparcel 5 месяцев назад +1

      Thank u so much mere bhai