Flutter Tutorial - Expandable List - ExpansionTile & ListTile

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ต.ค. 2024

ความคิดเห็น • 58

  • @HeyFlutter
    @HeyFlutter  2 ปีที่แล้ว

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/expandable_listview_example
    Animated List Tutorial: th-cam.com/video/rDFJhIobj7I/w-d-xo.html
    Pagination & Infinite Scrolling Tutorial: th-cam.com/video/IruuzPydPz4/w-d-xo.html
    List Jump To Item Tutorial: th-cam.com/video/1aYWIF35qlk/w-d-xo.html
    List Dismissable Tutorial: th-cam.com/video/cswTKnXtSqk/w-d-xo.html
    List Slidable Tutorial: th-cam.com/video/TmSKRUVKNsQ/w-d-xo.html
    List Slide Transition Animation Tutorial: th-cam.com/video/cxxHE0TTGbU/w-d-xo.html
    CheckBox - Toggle Single & Multiple Tutorial: th-cam.com/video/BBO_Y8fTM7E/w-d-xo.html
    ListView Tutorial: th-cam.com/video/bJGRmldntOI/w-d-xo.html
    Sliver App Bar Tutorial: th-cam.com/video/s_3ak-4u43E/w-d-xo.html
    Search App Bar Tutorial: th-cam.com/video/RaACAwvZ61E/w-d-xo.html
    Responsive Text Tutorial: th-cam.com/video/0O_qDZ48F7o/w-d-xo.html

  • @gnrslashsp6501
    @gnrslashsp6501 3 ปีที่แล้ว +4

    I don't know if flutter is amazing or if Johannes tutorials are amazing..... The explanation is: Flutter is powerful and Johannes tutorials is not only amazing but essential!! I can't explain what but your videos is so good that we can learn so quickly and so easily. I am very happy to see all videos, doesn't matter if I'll use or not, it is good to learn from your videos!

  • @PrashantGaurPG
    @PrashantGaurPG 3 ปีที่แล้ว +1

    Amazing man, just 10 minutes back ..i was searching for expandable list examples..You are again here for my rescue.

  • @sharathbnaik3232
    @sharathbnaik3232 2 ปีที่แล้ว

    The way teaching and explaining are very amazing.

  • @johnpeter122
    @johnpeter122 3 ปีที่แล้ว +4

    This is a really amazing tutorial. Very well presented, clear and to the point. Really appreciate the work that was put into this.

  • @ertugodabasi
    @ertugodabasi 2 ปีที่แล้ว

    This is amazing. More than i was looking for. Thanks a lot!
    I was looking for this by searching dropdown list but couldn't find. Then thought to search "flutter expanded listTile like dropdown" and found this you.

  • @aminelongo242
    @aminelongo242 2 ปีที่แล้ว

    Excelent video Johannes, You're reading my mind!

  • @althafaralijaffarali1803
    @althafaralijaffarali1803 3 ปีที่แล้ว +1

    After watching your videos daily at the end of the I'll feel like that's all he had covered almost every ui in flutter until I watch another video nxt day 😂😂. Your playlist is enough for anyone who wants to make an app for flutter bro. Just like shopping in a mart where we add things in our cart I'll scroll all down your playlist and pick all those things I wanna add. Your playlist gives so many ideas. Thanks a lot bro for your contribution ❤️. Keep rocking bro 🔥. This year definitely we gonna reach >= 30k.

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว +2

      Haha, there are still many more widgets in Flutter 😉Thanks, a lot for your support, Althafar! 🙂👍 Yeah sure I'm going forward, let's see what the future holds! 😋

  • @softdev8229
    @softdev8229 2 ปีที่แล้ว

    Thank you Johannes, its really good and helpful

  • @helintonmercatellineto1277
    @helintonmercatellineto1277 3 ปีที่แล้ว +1

    Man, you are doing a great job!

  • @pubgteammatetroll4585
    @pubgteammatetroll4585 2 ปีที่แล้ว

    Well done man..you r doing great job

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank you, Melody! 🙂

  • @Moncellence
    @Moncellence 2 ปีที่แล้ว

    thank you so much brother
    You helped me sooooooo much 🌹🌹🌹🌹🌹

  • @sandramilenagonzalezchaver3952
    @sandramilenagonzalezchaver3952 3 ปีที่แล้ว

    Thank you so much!! I love your videos!

  • @haiderjaafer8164
    @haiderjaafer8164 3 ปีที่แล้ว

    Absolutely amazing lesson keep going forward... hope next lesson on phone authentication using firebase

  • @gideonmair7922
    @gideonmair7922 2 ปีที่แล้ว

    well done very good

  • @thazeroword646
    @thazeroword646 3 ปีที่แล้ว

    Very nice tutorial

  • @jiren8991
    @jiren8991 3 ปีที่แล้ว

    Great work, love from Pakistan

  • @СергейСырников-ы6ъ
    @СергейСырников-ы6ъ 3 ปีที่แล้ว

    Good job, thank you so much!!!

  • @Thafseerzzz
    @Thafseerzzz 2 ปีที่แล้ว

    Really Amazing tuitorial

  • @ggkiller8483
    @ggkiller8483 3 ปีที่แล้ว

    thank you man

  • @stefanypischaevaangelifta3305
    @stefanypischaevaangelifta3305 2 ปีที่แล้ว

    Its amazing tutorial, i have a question when i see this video, do you know how we can search the title list or the nested list?

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You Stefany Pischa Eva Angelifta! Follow this link: stackoverflow.com/questions/69692726/search-into-nested-list
      I hope you will get your answer 🙂

  • @Truongsiuquay
    @Truongsiuquay 3 ปีที่แล้ว

    Can i customize icon dropdown with right icon to open n up to close on ExpansionTiles ?

  • @hectorprx
    @hectorprx 3 ปีที่แล้ว

    Thanks

  • @hemalverma
    @hemalverma 2 ปีที่แล้ว +1

    Hey, Can I change the expend icon color of expansionpanellist?
    Please tell me

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว +1

      Hello, Hemal Verma! Follow this link: github.com/flutter/flutter/issues/67771
      I hope it will solve your problem. Thank You 🙂

    • @hemalverma
      @hemalverma 2 ปีที่แล้ว

      @@HeyFlutter I was not expecting your response 😇

  • @bataabagi5969
    @bataabagi5969 3 ปีที่แล้ว

    Hey man, Great tutorial as always, gotta say I mostly here for the your voice xD. Got a question, my ExpansionPanelList is too jumpy when you close large text, is there anyway to alleviate that ?

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You Bataa Bagi! Follow this link: api.flutter.dev/flutter/material/ExpansionPanelList-class.html
      I hope you will get your answer 🙂

  • @halilurrahman8605
    @halilurrahman8605 2 ปีที่แล้ว

    Hi Johannes Milke, I have one question, How to reduce the height of ExpansionPanel Header.

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You halilur rahman! Follow this link: stackoverflow.com/questions/46432680/can-you-change-the-height-of-an-expansiontile-in-flutter
      I hope you will get your answer 🙂

  • @yeshashah2017
    @yeshashah2017 3 ปีที่แล้ว

    Nice tutorial. Can we cutomize the color of the dropdownarrow in expansion panel? Also can we wrap the icon and the content of the header in expansion panel in one row with some border ?

    • @yeshashah2017
      @yeshashah2017 3 ปีที่แล้ว

      @@HeyFlutter Thankyou for the reply 😊

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว +1

      Thank You YESHA SHAH! Follow this link: stackoverflow.com/questions/53584678/flutter-expansion-tile-header-color-change-and-trailing-animated-arrow-color
      I hope you will get your answer 🙂

  • @kajalkamani537
    @kajalkamani537 2 ปีที่แล้ว

    I want set expensiontile inside one or more listtile and this listile navigation other page

  • @andykid14
    @andykid14 3 ปีที่แล้ว

    Hello Johannes, thanks once more for this tutorial. I want to use the advanced tiles, but i want each tile to be loaded from firestore, could you give me a hint? Cause i want to stick to the structure you used as much as possible.
    Thanks once more

    • @andykid14
      @andykid14 3 ปีที่แล้ว

      @@HeyFlutter hello Johannes, i didn't explain myself well, i am retrieving the data for the advanced tiles through cloud firestore and what i want is for any time the user creates a new class, it should check if the title exists. If it exist i want to create just a list tile under the title Expansion Panel Radio, and if not i want to just create a new Expansion Panel Radio.

    • @andykid14
      @andykid14 3 ปีที่แล้ว

      Hello Johannes, can you give me a hint on how to pass the context through the ExpansionPanelRadio body, instead of only the Column with the tile.tiles.map? Thank you in advance

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank you, andrew gold! 🙂
      You can refer to this playlist to learn more about Flutter + Firestore : th-cam.com/video/Z0jFkP0A3B0/w-d-xo.html

  • @robertskrapits9600
    @robertskrapits9600 3 ปีที่แล้ว

    Amazing video!!! I have only one question. If i click on the image, it expands and shrinks, but it happens instantly, with no "animation"... How can i change that?

    • @robertskrapits9600
      @robertskrapits9600 3 ปีที่แล้ว

      @@HeyFlutter What a fast response! Thank you man! I meant, that i use Expandable List, and it has that little arrow, and when you click on it, it has the basic animation, and that is good for me. But, i did your tutorial, where you made the option, when you click on the image, above the title of the Expandable List, it expands and shrinks. But that shrink and expand does not have that basic animation, like the little arrow, what i have mentioned. Im looking for a solution, where i can add to that method an animation. Sorry for bothering you, but i have tried several methods, yet nothing helped me, i thought maybe you could help me :)

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thanks, Róbert Skrapits! 🙂 if you are using Expandable List widget then animation will be by default provided by it, if you want some custom animations make sure to check this video : th-cam.com/video/GsmP-NzXXa0/w-d-xo.html

  • @Randomvideo276
    @Randomvideo276 3 ปีที่แล้ว

    How to change the background color of only the header? in expansion panel

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You Suman khatri! Follow this link: stackoverflow.com/questions/51323981/how-to-add-background-color-for-expansionpanel-in-flutter
      I hope you will get your answer 🙂

  • @abdelrhmanrhyaseen6194
    @abdelrhmanrhyaseen6194 3 ปีที่แล้ว

    Perfect

  • @tanaysingh9124
    @tanaysingh9124 3 ปีที่แล้ว

    how to give space after each expansion list tile

  • @minhtieno7844
    @minhtieno7844 2 ปีที่แล้ว

    Làm thế nào tôi có thể đóng tất cả Expansion Tile còn lại, khi tôi mở 1 ExpansionTile cụ thể

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thank You Minh Tiên Đỗ! Follow this link: stackoverflow.com/questions/48930372/flutter-collapsing-expansiontile-after-choosing-an-item
      I hope you will get your answer 🙂

  • @jatidiri9198
    @jatidiri9198 3 ปีที่แล้ว

    is it possible to expand it to top? because the default is expand to bottom

    • @HeyFlutter
      @HeyFlutter  2 ปีที่แล้ว

      Thanks, Jati DIri! 🙂 This is not possible with the ExpansionTile. You can build your own ExpansionTile to do this.

  • @BrYarDJ
    @BrYarDJ 3 ปีที่แล้ว

    how can move text in place to another place ?

    • @BrYarDJ
      @BrYarDJ 3 ปีที่แล้ว

      @@HeyFlutter thanks bro❤️

  • @dev.faizan
    @dev.faizan 3 ปีที่แล้ว

    ❤❤

  • @lucassousa3509
    @lucassousa3509 3 ปีที่แล้ว

    valeu moço, hitou, lacrou, pissartes, lacrartes

  • @mbithi_ke
    @mbithi_ke 2 ปีที่แล้ว

    Did you maybe think that someone wants to see you explain as you type? you just paste code from who knows where