flutter_slidable (Flutter Package of the Week)

Поділитися
Вставка
  • Опубліковано 15 жов 2024
  • Flutter_slideable is a package that provides a slidable widget that lets your users swipe to reveal actions without a lot of hassle. Learn how to use this package and define your actions.
    Learn more about flutter_slidable → goo.gle/3dpqjNx
    This video is also subtitled in Chinese, Indonesian, Italian, Japanese, Korean, Portuguese, and Spanish.
    Learn everything about Flutter at → goo.gle/2WAhEN1
    Get more tips! → goo.gle/307BX6t
    Subscribe to Flutter! → goo.gle/FlutterYT

КОМЕНТАРІ • 123

  • @flutterdev
    @flutterdev  3 роки тому +19

    Subtitles are available in English, Chinese, Indonesian, Italian, Japanese, Korean, Portuguese, and Spanish for this video. Click on the Settings icon in the bottom right corner of the video, and select Subtitles/CC from the menu.

  • @The__Leo69
    @The__Leo69 3 роки тому +35

    Flutter is getting better and better and better. Love flutter 2.x ❤❤❤

  • @huseinnashr
    @huseinnashr 3 роки тому +26

    We need package of the week video everyday :)

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

      Come on, Flutter Team!

    • @MihanFamily
      @MihanFamily 3 роки тому +7

      So its become widget of the day

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

      That would be package of the day

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

      @husein... I know how you feeling right. 😂😂😂

  • @silverhairs
    @silverhairs 3 роки тому +73

    I just realized this is Filip’s voice

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

      Too late 😁

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

      What is name his channel?

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

      @@powerrender3453 wait he has a personal UA-cam channel?

  • @desther
    @desther 3 роки тому +19

    Awesome package, actually used it in my project and works great!

    • @AlexanderSuraphel
      @AlexanderSuraphel Рік тому

      Looks great. My only fear is that it hides the actions. How do you make users discover it?

  • @ISBE91
    @ISBE91 2 роки тому +6

    These flutter widget videos are so nicely put together and easily understandable
    I came from native android development, and this truly is a bliss.
    Also, its good to hear less specific terms, like "thing" google just tends to overcomplicate the most simple things, not here!
    Thanks!

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

      Thanks for the kind words, Tamás!
      We're so glad you enjoyed the video 😎

    • @samuelkings9416
      @samuelkings9416 Рік тому

      To think that Flutter was created and is maintained by Google, what an irony. Lol

  • @thethird719
    @thethird719 3 роки тому +10

    Hope that they make a video of this everyday.

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

      I hope so too but unfortunately, it is Widget of the "Week", not the "Day" 😭

  • @Murtaza-Shiraz
    @Murtaza-Shiraz 11 місяців тому

    Whoever contributed this widget to pub, well done!

  • @PIXEL-op3it
    @PIXEL-op3it 3 роки тому +115

    In few years flutter would have made everything a widget ;-)

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

    I built a same widget 1 year ago for my business, and now, it come from flutter dev team. Many thanks :D

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

    Thank you Flutter team for highlighting it 😊.

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

      Can you tell us how to inform a child that Slidable above it is open? My sladable is not open till the end so its visible when its slided and I want to change color of my child when its open. Is it possible?

  • @justapugontheinternet
    @justapugontheinternet 3 роки тому +29

    I was looking for this just the other day. The only alternative I had was Dissmissible

    • @nazimjabir8590
      @nazimjabir8590 3 роки тому +3

      It was already there months Ago

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

      Me too

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

      Dismissable unfortunately also dismisses the item from the list, so it's just good for erasing items.

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

    my head exploded when I saw this widget, this will make the cruds more elegant!

  • @BelgianDaSeeD
    @BelgianDaSeeD 3 роки тому +3

    And just another waow. I love Flutter, the framework and the hyper active community. This is amazing.

  • @alexhooper27
    @alexhooper27 3 роки тому +41

    Literally just what I needed

    • @beofonemind
      @beofonemind 3 роки тому +3

      I love it when that happens.

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

    Very helpful, but im wondering how users wil discover this, how to tell them that some features can be shown after a slide

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

      I usually go for a support page in my app but if you wanna make it more professional, you can go for the difficult route and create an animated tutorial on how to use the app when you first download it by guiding the user to do different things

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

      One way to tell the user that is whenever the user opens the page, the first item can automatically simulate the dragging animation until some actions are visible, and then back to the normal state of the item.

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

    Please update the package. It is not updated with the Dart 2.12 yet.

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

    Awesome. The Packages of de Week is so cool. I have learned a lot, with few effort. Thanks.

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

    It just keeps getting better and better

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

    Is it possible to inform child that Slidable is slided?

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

    Does anyone know if Slidable works only with the ListTile widget or I can use any other Widget?

  • @supertrampsookah
    @supertrampsookah 3 роки тому +10

    would it be nice if there were design guidelines?

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

      That would be nice

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

    Is there some widgets for that or is package the only alternative?

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

    How does the close action closes the slide?!
    What is the method that does that?

  • @atishghosh
    @atishghosh 3 роки тому +6

    Wish there was a way to set a distance limit for the dragged widget. So it would stop dragging halfway...

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

      Oh right. I need this.

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

      I guess for that we had dismissable widget limited drag with options, correct me if I am wrong

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

      @@pradeephgk Yes sir, wish we had the inbuilt features of this with Dismissible.

    • @harinandanrnair6768
      @harinandanrnair6768 3 роки тому +3

      I think that is possible with this package, its just not mentioned in the video. If the actionExtent Ratio is 0.25 and the actions list only has 2 elements, it should only drag halfway

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

      @@harinandanrnair6768 Wow, thanks! That's a great idea. Gotta try it out then..

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

    where the index param when user clicked it ? 🥺

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

    I missed these videos

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

    Flutter really makes our life easier

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

      well, in fact this was made outside of Flutter's team

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

    The framework that reach perfection

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

    Nice, sort of like "Draggable" but more Customizable

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

    Is necessary in listTile??

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

    Awesome flutter package, I used it in my project.

  •  2 роки тому

    this package was so much better in the past.
    Now we cant cliptrect the actions
    can't chhange the icon size..
    AND there's no way to set the width of the action list. if you have 1 action it's gonna look huge...

  • @ilkercankaya3779
    @ilkercankaya3779 3 роки тому +3

    I wish Native development was as easy as flutter, the only reason I am using flutter is because it is extremely easy compared to native development

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

      @@mohitshetty8767 I developed apps Android, Flutter is 100x easier, dev friendly.

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

    This is great, but I believe the final implementation should be a bit different.
    The way that was mentioned in the video, will result in a lot of code duplication for each slidable item.
    I would create a MySlidable sort of Widget and define the structure once, and only receive the Child from outside.

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

      You'd usually use this in listview.builder soo...

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

    One of the sweetest widget!
    I like it, thanks google

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

    Anyone know how can make short tutorial video like this?

  • @АндрейКлок-о7ж
    @АндрейКлок-о7ж 3 роки тому +2

    Thank for video, such official short tutorial very valuable for dev community:)

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

    Which software use to create this animation?

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

    WOW, it makes things so easy

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

    How do you identify which item was clicked

  • @Amankumar-gj1sb
    @Amankumar-gj1sb 3 місяці тому

    how can we pass image instead of that icon ?

  • @AL-eo2gb
    @AL-eo2gb 3 роки тому

    Cool , what happened with jetpack android , still dont have many widget

  • @안감자-n6o
    @안감자-n6o 2 роки тому

    How can i customize action panels??

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

    Really want flutter remote view widgets in Flutter 3

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

    More videos like this please
    Thanks team

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

    Don't just watch this video , go and implement it, I just did :)

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

    using it for two years

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

    Really great package

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

    Amazing tutorial 👍

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

    Thanks Flutter

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

    awesome widget ... incredible..

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

    Please make some ios style widgets please and fluent ui

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

    Love Flutter❤️

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

    Very nice

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

    Doesn't ListTile have these by default.

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

      no

    • @RahulSingh-il6sz
      @RahulSingh-il6sz 3 роки тому

      I think they're just used for making less fuss building layout that's all. It doesn't has this sliding/draging properties.

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

      @@RahulSingh-il6sz wouldn't it be awesome if ListTile had all custom properties like slide, drag🤔. I guess someone might have already made that kind of package.
      If not, I will try to make this stuff into a package soon.

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

      Material ListTile is not like ios cupertino

    • @RahulSingh-il6sz
      @RahulSingh-il6sz 3 роки тому

      @@nsptech9773 I'm glad.

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

    flutter is the future

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

    flutter is awesome 😎

  • @احمدمجدي-ص3ل7ز
    @احمدمجدي-ص3ل7ز 3 роки тому

    Welcome back again 😅

  • @user_uuwi
    @user_uuwi 10 місяців тому

    Working but not now : (

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

    I Love flutter

  • @mr.techk8314
    @mr.techk8314 3 роки тому

    How to run flutter on physical devices using vs code

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

      There is a guide on flutter docs, its easy.

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

      make sure you enabled developer mode first, then enable the allow usb debugging option

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

    Just wow😍

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

    everything become pro in flutter

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

    Flutter is God sent for appdev

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

    code changed in the newest up date:(

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

      Yesssss :''''v

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

    Love from india

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

    Please Turkish subtitle

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

    great pkg

  • @marcos-contatvekids3723
    @marcos-contatvekids3723 3 роки тому

    nice

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

    🔥🔥🔥🔥🔥

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

    BestCrossPlatform(
    child: Flutter()
    )

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

    at this point I think of flutter is more like a UI library

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

      Isnt it already is one?

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

    ** deprecated **

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

    just in time.

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

    💙💙💙

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

    🖤🖤👌🏼😍

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

    More more more

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

    great!!

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

      Glad you enjoyed the video 🙂
      Be sure to follow the link to learn even more about flutter_slidable:
      goo.gle/3dpqjNx