Flutter - iMessage Styled Image Stack | Flutter UI Design Tutorial

Поделиться
HTML-код
  • Опубликовано: 8 сен 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 2 года назад +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  2 года назад +5

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

    • @princesthaa
      @princesthaa 2 года назад +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 😊❤️

  • @parameshmamidisetti8167
    @parameshmamidisetti8167 2 года назад +1

    Osm you are pro developer

  • @naingtheawperc3817
    @naingtheawperc3817 3 года назад +1

    Thank you for tutorial!

  • @aytunch
    @aytunch 3 года назад +2

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

  • @Gabeyre
    @Gabeyre 2 года назад +1

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

  • @obeddougan1505
    @obeddougan1505 2 года назад +1

    Great😊

  • @bibek3027
    @bibek3027 2 года назад +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❤

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

    @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

  • @fma3852
    @fma3852 2 года назад +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  2 года назад

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

  • @George-or3uv
    @George-or3uv 3 года назад +1

    Good stuff. Thanks.

  • @abdallahodeh7846
    @abdallahodeh7846 2 года назад +1

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

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

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

  • @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.

  • @prometheusli101
    @prometheusli101 3 года назад +1

    awesome!

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

    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

  • @obeddougan1505
    @obeddougan1505 2 года назад +1

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

  • @ibrahimmaghfoul3860
    @ibrahimmaghfoul3860 2 года назад +1

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

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

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

  • @dousoftware2613
    @dousoftware2613 2 года назад +1

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

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

    Please do curd app in flutter

  • @i5c5e5n8
    @i5c5e5n8 2 года назад +1

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

    • @RetroPortalStudio
      @RetroPortalStudio  2 года назад +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 😁

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

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

  • @cartideveloper9608
    @cartideveloper9608 2 года назад +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  2 года назад +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 2 года назад

      @@RetroPortalStudio WOHOO ! can't wait

  • @dousoftware2613
    @dousoftware2613 2 года назад +1

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

    • @RetroPortalStudio
      @RetroPortalStudio  2 года назад +1

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

  • @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.

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

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

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

    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?

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

    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

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

    Can you teach me how to use => omise_flutter 0.1.6

  • @OttomanCoderExtra
    @OttomanCoderExtra 2 года назад +1

    Please share your pc spec's 🙂

  • @hn031
    @hn031 2 года назад +1

    Can widgets be used instead of images?

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

    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 2 года назад +1

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

    • @RetroPortalStudio
      @RetroPortalStudio  2 года назад +1

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