Flutter Layouts Walkthrough: PageView, ListView, GridView, Slivers, CustomScrollView

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

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

  • @CodeWithAndrea
    @CodeWithAndrea  4 года назад +6

    This demo is now live at this link using Flutter web:
    flutter-layouts-demo.web.app/#/

  • @brewedscript1014
    @brewedscript1014 4 года назад +3

    awesome, I watched this lecture to review what I've studied for these past 4days, and I feel like I wish I should've watched this first.

  • @cynido
    @cynido 5 лет назад +7

    thank you so much,now i know how to solve the unbounded height error in the nested list view

  • @aledigitale3377
    @aledigitale3377 6 лет назад +13

    AMAZING WORK Andrea !!! Please, keep continue with these tutorials...
    they're sooooooo useful. THE BEST around !

    • @CodeWithAndrea
      @CodeWithAndrea  6 лет назад +3

      Ale Digitale thank you very much!

    • @larssonk22
      @larssonk22 5 лет назад

      @@CodeWithAndrea hi, do you know of any packages or repositories that use an EPG style layout? EPG being like a TV guide layout, channels along one axis and time along the other? I would like to make one, I am trying to do it with a staggered grid but I need diagonal swipe and pinch zoom with fixed headers for the time and location axises. Many thanks

  • @easazade
    @easazade 5 лет назад +1

    please create more show case for flutter widgets like animations transitions these videos are great and you explain it like no where else did

  • @kettenbach
    @kettenbach 5 лет назад +5

    Your channel is very helpful for Flutter. Great content! Thank you very much

  • @subbatyson6517
    @subbatyson6517 4 года назад

    Thank you so much man. I was having problem with the dynamic tab bar with the corresponding children page. With your video i got an idea and did it.

  • @oliviajohansen9689
    @oliviajohansen9689 3 года назад

    Thank you so much for the excellent summary and comparison!

  • @sanjaymorya6029
    @sanjaymorya6029 5 лет назад

    Andrea you are awesome. Very helpful tutorials for new Flutter Apps Developers.

  • @malconcambronero
    @malconcambronero 5 лет назад

    Just thank you from all community and special in the spanish community, u are great, keep with all this tutorials.

  • @oliverbytes
    @oliverbytes 6 лет назад +1

    Amazing video series!!! We hope to see more videos in the future! Keep it up Andrea!

  • @09uzAlexander
    @09uzAlexander 5 лет назад

    Thanks for sharing this really good things about material views. I probably use this on my project. Thanks for helping Andrea !

  • @paulobreim
    @paulobreim 4 года назад

    Very good. I have a question, how to do a SliverGrid with containers with different hight? I am trying woth SliverGridDelegateWithMaxCrossAxisExtent but dont work well because the space between containers is different depend the height of container

  • @user-uq7zx5nc3t
    @user-uq7zx5nc3t 6 лет назад

    Really nice video. Many thanks.
    If I have a widget that is, say, A4 sized, it looks like thee is not yet a widget that will allow the user to pan around V and H. Scrolling seems limited to a single direction.
    But your last page makes me wonder if it might be possible... I shall have to play with your code to see if it's feasible...
    You are a good teacher: well paced and you point out the gotchas as you go. Very good.

  • @TanNguyen-cb2he
    @TanNguyen-cb2he 5 лет назад

    Thanks for making this, Andrea. Keep your good works!

  • @kishansinhparmar
    @kishansinhparmar 6 лет назад

    You are making a amazing flutter examples... i am inspired from you that how to make a perfect examples...

  • @a7m3dRM
    @a7m3dRM 3 года назад

    I wanna watch you when you are doing each one of these layout sepreatly

  • @ranjehsan9026
    @ranjehsan9026 6 лет назад +3

    Hi Mr Andrea Bizzotto can you explain (context) and something like for example theme.of(context) i don't mean the theme i mean the kind of the example and when we use these widgets or objects please it is a kind of confusing for me? thanks

    • @CodeWithAndrea
      @CodeWithAndrea  5 лет назад +1

      Sorry for the late reply. You can watch my video about inherited widget. It's explained there: ruclips.net/video/X8JDPt83c6M/видео.html

  • @raymondyoo5461
    @raymondyoo5461 3 года назад

    Wow I learned so much from you
    Thanks a lot 😀😀😀

  • @sajadjaward
    @sajadjaward 5 лет назад

    Amazing video and amazing explanation. Keep up with the good work. Thank you for the video!

  • @leorochacom
    @leorochacom 5 лет назад

    Thank you for this excellent video!

  • @chrishannahscutt9646
    @chrishannahscutt9646 6 лет назад +1

    Again, a great clear lesson. Thank you again.

  • @LimitlessX1
    @LimitlessX1 6 лет назад

    Thats Awesome ! can you explain how to add an html / htm / txt/jpg/png ..etc file (offline / hosted data) into a folder/direct and link the same within list or within grid view. might helpful to all user.

  • @ksbskzjd376
    @ksbskzjd376 3 года назад

    how can i put a home_page.dart with diferent containers instead generating lists? in need to hide the tabs

  • @wxIyz
    @wxIyz 4 года назад

    I'm thinking to buy your course!!

    • @CodeWithAndrea
      @CodeWithAndrea  4 года назад

      Sure, all discounted courses are at codewithandrea.com/courses

  • @TheBreaker94
    @TheBreaker94 6 лет назад

    Great video, as always! Will you make a video on responsive layout? You taught me how to design a layout, now I need to learn how to make it look good on all devices :D

    • @CodeWithAndrea
      @CodeWithAndrea  6 лет назад +1

      That is a good idea. I'll add it to my shortlist of upcoming videos. ;)

  • @chrisogonas
    @chrisogonas 3 года назад

    Great stuff! Thanks

  • @entatainermyself
    @entatainermyself 6 лет назад

    Nice tutorial please can you create a card widget which can scroll horizontal and vertical

  • @edwingarcia5043
    @edwingarcia5043 2 года назад

    It's not easy, but I'll get there 🤞

  • @sohedulislam1652
    @sohedulislam1652 5 лет назад

    can you explain how it iterate full list of asset images- assetNames[index % assetNames.length]. and also here, what does % means

  • @luongnguyen895
    @luongnguyen895 5 лет назад

    Why SilversExtendList dont have itemCount but it still render? Has it infinity item?

  • @ibraheemdev2290
    @ibraheemdev2290 5 лет назад

    amazing explanation, thanks

  • @gerardchoolakian5570
    @gerardchoolakian5570 4 года назад

    Thanks for sharing.

  • @jimmorrison2657
    @jimmorrison2657 6 лет назад

    Kickass video. I have subscribed to you.

  • @vanvicka1
    @vanvicka1 4 года назад

    please how do make a scrollable popupmenu?

  • @សុងចាន់ថន-ព7ឡ

    Thank you for sharing😊

  • @josepcapo1777
    @josepcapo1777 5 лет назад

    Could it be possible to have a gridview that its own width is larger than the screen width and be able to scroll it horizontally to see the rest of the grid?

    • @CodeWithAndrea
      @CodeWithAndrea  5 лет назад

      Sure. You can just set the scrollDirection to Axis.horizontal.

    • @josepcapo1777
      @josepcapo1777 5 лет назад

      @@CodeWithAndrea Thank you very much, I will try it!

  • @leoboissard6306
    @leoboissard6306 5 лет назад

    hi andrea! u know how i can put a listview inside a pageview both with same direction(vertical)?

    • @CodeWithAndrea
      @CodeWithAndrea  5 лет назад

      Why do you want to do this? In general it's not a good UX practice to have a scrollable widget inside another widget that scrolls in the same direction.

  • @sohedulislam1652
    @sohedulislam1652 5 лет назад

    Hay I have list of GIF Images and I want to show that list with card view. so how can I do it in flutter? If any one know it then please reply me...

  • @Nobody-ky7sl
    @Nobody-ky7sl 6 лет назад +1

    Thank you that’s awesome

  • @rodmaureirac8422
    @rodmaureirac8422 6 лет назад

    very helpful thanks !

  • @BillyMahmood
    @BillyMahmood 5 лет назад

    Your course looks amazing however for some reason all courses use firebase auth, have you done any auth videos on APIs that use rest auth and rest api powered by anything but firebase

    • @CodeWithAndrea
      @CodeWithAndrea  5 лет назад

      I haven't. But the same structure still applies. In a nutshell:
      - You can write an Auth class to wrap your REST API auth calls
      - you can use http.get with the url and parameters for your REST API
      - you can parse the response into a User type that is returned to your calling code.

  • @xhidnoda
    @xhidnoda 6 лет назад +2

    JUST GREAT..!!!!!

  • @moustaphadiouffall1204
    @moustaphadiouffall1204 6 лет назад

    hi can we put a CustomScrollView in a ListView ?

  • @raperm
    @raperm 6 лет назад

    Thanks. It’s very usefull video.

  • @themindstorm9947
    @themindstorm9947 5 лет назад

    How do you put a working tab bar with a SliverAppBar?
    This is my current code github.com/themindstorm/flutter-autohide-tabbar-problem, and I am facing a problem (The README contains a GIF showing it)

  • @hvisli6853
    @hvisli6853 6 лет назад +1

    Awesome video

  • @sournvisal
    @sournvisal 5 лет назад

    Great video

  • @floodyboy5307
    @floodyboy5307 6 лет назад +1

    Awesome 👍🏼

  • @diljotsingh90
    @diljotsingh90 5 лет назад

    Great job👌👌

  • @abrorshamuradov1572
    @abrorshamuradov1572 2 года назад

    u rock man

  • @davidstevens6654
    @davidstevens6654 6 лет назад

    Awesome!

  • @yuvrajsinhdesai1654
    @yuvrajsinhdesai1654 6 лет назад

    Hay i have list of video files and i want to show that list with video thumbnails...so how can I do it in flutter? If anuone know it then please reply me...

    • @CodeWithAndrea
      @CodeWithAndrea  6 лет назад

      You can write a custom list tile class, which internally uses FutureBuilder and the http package to read image data from the Internet. For an intro to FutureBuilder see this: ruclips.net/video/ek8ZPdWj4Qo/видео.html

  • @humanontheinternet6510
    @humanontheinternet6510 5 лет назад

    good job

  • @mandimbitafikasambizafymar1591
    @mandimbitafikasambizafymar1591 5 лет назад

    How to use this when I try to start develop an application? I'm a Beginner.

    • @CodeWithAndrea
      @CodeWithAndrea  5 лет назад

      If you want you can take my Flutter course. Discounted link here: www.udemy.com/course/flutter-firebase-build-a-complete-app-for-ios-android/?couponCode=DART15

  • @Richard-on7hn
    @Richard-on7hn 6 лет назад

    well it look's good !! but i downloaded it, and can't build it on ios... help

    • @CodeWithAndrea
      @CodeWithAndrea  6 лет назад

      Hey - sorry for the late reply. What errors do you get?

  • @derekdavidson6997
    @derekdavidson6997 5 лет назад

    Yesterday I asked how widget.variable name (lower case w) can be used. The answer is at stackoverflow.com/questions/50287995/passing-data-to-statefulwidget-and-accessing-it-in-its-state-in-flutter . Where is says: To use recordObject in _RecordPageState, you have to just write widget.objectname like below...

  • @abdullahfawaz7112
    @abdullahfawaz7112 4 года назад

    Thanks

  • @ridhomaulana2627
    @ridhomaulana2627 6 лет назад

    Cool! Subbed

  • @romaan_trav
    @romaan_trav 5 лет назад

    i got some errors bro..

  • @hoathinhai2050
    @hoathinhai2050 5 лет назад

    Amazing video (y) (y) (y) (y) (y) (y) (y)

  • @username-dh4tq
    @username-dh4tq 2 года назад

    497325

  • @jimmorrison2657
    @jimmorrison2657 6 лет назад

    Kickass video. I have subscribed to you.

  • @jimmorrison2657
    @jimmorrison2657 6 лет назад +1

    Kickass video. I have subscribed to you.

  • @jimmorrison2657
    @jimmorrison2657 6 лет назад

    Kickass video. I have subscribed to you.