Flutter - iMessage Styled Image Stack | Flutter UI Design Tutorial

Поділитися
Вставка
  • Опубліковано 15 жов 2024
  • #flutter #flutterui #mobileapp
    In this Flutter UI Design Tutorial, we will be taking a look at creating an iMessage Styled Image Stack in Flutter | We will be using a package called SwipeDeck to create this and we will experiment with the customizations provided by this package.
    Flutter Package: pub.dev/packag...
    Github: github.com/ret...
    🔥 Auto-Generate Flutter Custom Paint Code TRY THIS FREE TOOL👇:
    👉 Flutter Shape Maker: fluttershapema...
    🔥 Learn About the Most Important Widgets in Flutter 👇:
    👉 Widget Essentials Series: bit.ly/3GpfiYw
    👉🏻 Product Hunt: www.producthun...
    (Your UPVOTE Means a lot! 🙌)
    If you find this video useful consider Supporting @RetroPortal Studio :
    👉 Buy Me a Coffee: www.buymeacoff...
    👉 Patreon: / retroportalstudio
    Social Links @RetroPortal Studio :
    👉 Twitter: / theretroportal
    👉 Medium: / retroportalstudio
    👉 Instagram: / retroportalstudio
    👉 GitHub: github.com/ret...
    If you like the tutorial, please hit the LIKE and Subscribe button and also consider supporting me on Patreon or Buy Me a Coffee for More Flutter Tutorial on RetroPortal Studio.
    Thank you for Watching! Happy Coding :)

КОМЕНТАРІ • 52

  • @RetroPortalStudio
    @RetroPortalStudio  3 роки тому

    If you find this video useful, consider Following me on:
    Twitter: twitter.com/theretroportal
    Instagram: instagram.com/retroportalstudio
    LinkedIn: www.linkedin.com/in/parasjainrps
    Git: github.com/retroportalstudio
    Happy Coding! ✌️😁

  • @princesthaa
    @princesthaa 3 роки тому +11

    Great package, but I was really hoping to see your thought process in creating this package. Would appreciate a code along type video as you make this from scratch. Hope you will consider making it. Thank you.

    • @RetroPortalStudio
      @RetroPortalStudio  3 роки тому +5

      Thank you !💙Working on code improvements😁 Will be posting an article or a video when satisfied with the code!

    • @princesthaa
      @princesthaa 3 роки тому +1

      @@RetroPortalStudio awesome. Looking forward to it. Thank you

    • @darkira2129
      @darkira2129 2 роки тому

      @@RetroPortalStudio Looking forward to it! You know it's kinda amazing I can learn how to make android apps just like online and free. but like you teaching us like to make our apps look epic and stuff

  • @4naught456
    @4naught456 2 роки тому +1

    That's why I seriously needed
    Thank you 😊❤️

  • @zafarahmad1356
    @zafarahmad1356 3 роки тому

    @RetroPortal Studio Plus instead the card in the middle i=the deck should scroll and when you pick a card it should simulate like you are taking the card out of the deck thanks again and keep up the good work

  • @aytunch
    @aytunch 3 роки тому +2

    I would love to see a tutorial video on creating the swipeable image package

  • @adegbiteoluwafemi1892
    @adegbiteoluwafemi1892 2 роки тому +1

    Cool package man.
    however, i have not been able to increase the width of the card. tried to modify the aspect ratio. but to no available. as i have even seen that you divide the constraint width by 2.

  • @dousoftware2613
    @dousoftware2613 3 роки тому +1

    Thanks RetroPortal Studio. Is there a way to use text instead of images?

  • @bibek3027
    @bibek3027 3 роки тому +2

    please give current index property and on changed property so for example when the image is swiped we can also display current image title at bottom. Really appreciate your hard work❤

  • @Gabeyre
    @Gabeyre 3 роки тому +1

    This is ridiculous! TeslaSpaceX' -Like! Love it!

  • @naingtheawperc3817
    @naingtheawperc3817 3 роки тому +1

    Thank you for tutorial!

  • @fma3852
    @fma3852 3 роки тому +1

    Great job really cool it would be nice if showed how did make it an another video KEEP UP THE GOOD WORK

    • @RetroPortalStudio
      @RetroPortalStudio  3 роки тому

      Thank you !💙Working on code improvements😁 Will be posting an article or a video when satisfied with the code!

  • @dousoftware2613
    @dousoftware2613 3 роки тому +1

    Thanks @RetroPortal Studio. Is there a way to use text instead of images?

    • @RetroPortalStudio
      @RetroPortalStudio  3 роки тому +1

      Yes definitely, the SwipeDeck takes in a list of widgets... so you can basically pass in text wrapped in container.

  • @George-or3uv
    @George-or3uv 3 роки тому +1

    Good stuff. Thanks.

  • @karanv293
    @karanv293 3 роки тому

    hey bro. what state management do you reccomend? i started learning getx but it seems like the more i read on forums, developers dont use it as much in production apps? is that correct?
    i like getx , but sometimes i have an issue with OBX and the rebuilds aren't as consistent. (sometimes it works, sometimes it doesnt etc).
    should i make a switch to another? riverpod, bloc + cubit?

  • @ibrahimmaghfoul3860
    @ibrahimmaghfoul3860 3 роки тому +1

    Awesome package, i hope you can make a tutorial how you achieved this type of widget

    • @RetroPortalStudio
      @RetroPortalStudio  3 роки тому

      Thank you !💙Working on code improvements😁 Will be posting an article or a video when satisfied with the code!

  • @abdallahodeh7846
    @abdallahodeh7846 3 роки тому +1

    Please create a video about files structure for big projects.
    Huge respect 🙏🏻

  • @i5c5e5n8
    @i5c5e5n8 3 роки тому +1

    Very cool, but I want to know, how to keep track of the chosen image by the user?

    • @RetroPortalStudio
      @RetroPortalStudio  3 роки тому +1

      Wrap your child widgets by a GestureDetector and keep track of the clicked image for now. I'll add an on swipe property to it soon which will give you the indez! Making updates 😁

  • @faisalfotoh1909
    @faisalfotoh1909 3 роки тому

    thank you
    and will need video about for video player play list

  • @parameshmamidisetti8167
    @parameshmamidisetti8167 3 роки тому +1

    Osm you are pro developer

  • @obeddougan1505
    @obeddougan1505 3 роки тому +1

    Great😊

  • @obeddougan1505
    @obeddougan1505 3 роки тому +1

    Please can U show us how to a responsive mobile app with flutter......

  • @motasimfuad7762
    @motasimfuad7762 2 роки тому

    Is it currently the final version or are there any updates coming?

  • @kuldeepsaini135
    @kuldeepsaini135 3 роки тому

    Hey , will you please create a video on fetching user location in flutter even if app gets closed or killed.

  • @cartideveloper9608
    @cartideveloper9608 3 роки тому +1

    im your 50th like on the package I watch all your videos and as loyal viewer could you please grant my one request could you please more customisation properties and animation property for your swipe deck package

    • @RetroPortalStudio
      @RetroPortalStudio  3 роки тому +1

      More customization are on the way 😁 the animation will not change though cz it is hand made not with a Curve. But i'll figure this out soon

    • @cartideveloper9608
      @cartideveloper9608 3 роки тому

      @@RetroPortalStudio WOHOO ! can't wait

  • @amitpatel3735
    @amitpatel3735 3 роки тому

    Sir please make a video series on photo editing app in android studio without using any third party sdk or dependencies make it from scratch so we learn how image processing is work and reply as soon as possible

  • @prometheusli101
    @prometheusli101 3 роки тому +1

    awesome!

  • @darkira2129
    @darkira2129 2 роки тому

    So like I put Hero widget to your package... and it give me error... so after like 1 days I found out the problem was on the WidgetHolder, the child of it decided in the initState so like I put the child=SizedBox(... in the build, just to see what happen... and it worked.

  • @sgtbear5544
    @sgtbear5544 3 роки тому

    Hallo RetroPortal Studio,
    I‘m sry my Bad englisch, But i Need do ask somthing. At First i love to watch your Videos They are Really useful and helps me a lot. But know i am die Last class of My school and we Need to do on Finishing project with My group. We built a reaction game with buzzer and so on know i have to build a App with flutter. In My App their should be a Main Menü and a side Menü at the First Screen. The sidemenue i already have, but do you Mabe know a nice main menue? Thank you for your help.
    King regards
    Sgt

  • @hn031
    @hn031 3 роки тому +1

    Can widgets be used instead of images?

  • @kutumbarayadubandreddi546
    @kutumbarayadubandreddi546 3 роки тому

    Please do curd app in flutter

  • @OttomanCoderExtra
    @OttomanCoderExtra 3 роки тому +1

    Please share your pc spec's 🙂

  • @kaisayam5422
    @kaisayam5422 3 роки тому

    Can you teach me how to use => omise_flutter 0.1.6

  • @iskifo
    @iskifo 3 роки тому

    Hello, is there anyway to build widgets using builder ?

    • @darkira2129
      @darkira2129 2 роки тому

      Yeah, he said the package display widgets, so you can put your Builder there since it return widget also

  • @briankariuki7455
    @briankariuki7455 3 роки тому +1

    I was hoping for a tutorial, not a package usage guide

    • @RetroPortalStudio
      @RetroPortalStudio  3 роки тому +1

      Article is coming soon. This is way too complex for a tutorial 😅