NavigationRail (Widget of the Week)

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024
  • Learn more about NavigationRail → goo.gle/3Ilf4D7
    DartPad → goo.gle/3nJbrxi
    BottomNavigationBars are great for mobile, but they’re not great for larger screens. NavigationRail provides the same functionality, but designed to look and work better with desktop and web apps running on larger screens.
    Get more tips! → goo.gle/Flutte...
    Subscribe to Flutter! → goo.gle/FlutterYT
    #WidgetoftheWeek #Widgets #Flutter

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

  • @flutterdev
    @flutterdev  2 года назад +4

    Subscribe for more Widget of the Week videos → goo.gle/FlutterYT

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

    Have been looking for this widget since 1956 and you are showing this to us NOW!! CMON

  • @mr_ks_gaming
    @mr_ks_gaming 2 года назад +146

    After working on flutter for nearly 2 years and now working in React Native, flutter really is miles ahead than react native.

    • @kartikgarasia5685
      @kartikgarasia5685 2 года назад +5

      What was the reason for chooseing reach though ?

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

      @@kartikgarasia5685 mind lack

    • @imnemo2327
      @imnemo2327 2 года назад +16

      @@mlazebny 🤣 must be job

    • @AG-jq3hi
      @AG-jq3hi 2 года назад

      Why did you switch to React Native? Less job vacancies?

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

      @@kartikgarasia5685 Both were choosen by my company, I actually wanted to do native tho.

  • @AJFlutterTutorials
    @AJFlutterTutorials 2 года назад +69

    Flutter is being improved day by day.
    And it's getting better than ever.
    Keep going Flutter Team. We all love you so much 😊

    • @flutterdev
      @flutterdev  2 года назад +5

      We truly appreciate your continued support, AJ!
      If you enjoyed this video be sure to check out the rest of the playlist: goo.gle/3BVtgBJ
      Happy Fluttering 😎

  • @JaredHasson
    @JaredHasson 2 года назад +27

    I was just tweaking the NavigationRail in my current webapp when the notification for this video came through. I didn't know about the useIndicator flag! Going to try that now to see if it's a good fit for our application. Thanks for continually pushing these out to support the ecosystem, Flutter team :)

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

      I have a problem with bottom navigator in navigator index 3 we have a notifications bubble, it a button with notification the problem we couldn't change the number of notifications from different layout when for example layout index 1 is open and we receive a FCM notifications how do we change the notifications bubble on index 3 layout?

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

      Happy to hear this, Jared! We're thankful for your continued support. Be sure to stay tuned for the latest updates from Flutter: goo.gle/FlutterYT 😁

  • @ahmadamin248
    @ahmadamin248 2 года назад +29

    Weekly Dose for Flutter Enthusiasts 💙

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

    I spend the last Saturday building one from scratch because I did now that this widget exists

  • @amugofjava
    @amugofjava 2 года назад +12

    Fantastic timing! This Is just the widget I've been looking for. These videos are so helpful.

  • @Aspiiire
    @Aspiiire 2 года назад +15

    Finally this was really needed

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

      We're so glad you found this helpful!
      Be sure to check out the rest of the playlist here:
      goo.gle/3A3Mgwo
      Happy learning 😎

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

    We need expansion panel in navigation rail like drop down button to reveal more buttons

  • @Brendan-wj1ev
    @Brendan-wj1ev 2 года назад +7

    Couldn't have come at a better time 🔥thanks flutter team

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

      Thanks for the love, Brendan 😎
      We're so glad you enjoyed the video.
      Be sure to check out the rest of the playlist: goo.gle/3v1RGoX

  • @youssef.elmoumen
    @youssef.elmoumen 2 года назад +1

    Addicted to these videos 😍

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

      Thanks for the love, Youssef 😎
      We're glad you enjoyed this video! Be sure to check out the rest of the playlist: goo.gle/3Psa7ev

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

    Good widget. But Is it expandble ?

  • @acavals8080
    @acavals8080 2 года назад +13

    Again, Flutter getting more and more robust for desktop screens! 😍

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

      Thanks for the support, Alexandre 😄
      Don't forget to check out the links in the description for even more tips and tutorials!

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

    How about using it with routing, like web or desktop, I will need to navigate throw the route so the url will be changed,

  • @developersstudio1777
    @developersstudio1777 10 месяцев назад

    Im using RailNav for my TV project, how can i change the default hover color on items and hover shape to square, I have not been able to make it , please help

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

    It's nice getting into Flutter right now, when there's already over 130 "weekly" Widget of the Weeks ready to consume!

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

    This is awesome

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

    Let's go! 💪🏻💪🏻

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

    Kinda cool, but can easily be made by hand in like 10 minutes. But nice to have for basic projects

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

    God! How cool it is

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

    Está increíble!!! Saludos desde Colombia🇨🇴

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

    Great, this video came at the right time I needed it the most😇😇😇

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

      Hi!
      If you enjoyed this video be sure to check out the rest of the playlist: goo.gle/3RBEIrx
      Happy learning 😎

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

    How to creat audio2face lip sync animation is possible to flutter

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

    Awesome :D

  • @raquelhortabartomeu2384
    @raquelhortabartomeu2384 Год назад

    isn't there a way to hide a navigation destination?

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

    I need my Flutter video dose every week 😅

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

    This is dope.

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

      If you enjoyed this video be sure to check out the rest of the playlist: goo.gle/3Pt0fRl
      😎

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

    These kind of widgets can be easily built with one sitting from scratch, can you guys focus on giving info on low level apis to juice out more of flutter, can you guys focus on code quality ?

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

    Go flutter

  • @paneerlovr
    @paneerlovr Год назад

    Can someone explain if navigationraildestinations are pre-rendered to make it a single page app, or if they are rendered upon changing selectedIndex in the navigation rail? Thanks!

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

    Flutter keeps improving. That's a good news for every developer.
    I love the way Flutter keeps improving.

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

      Thanks for the kind words and feedback, Ayivugwe 😀

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

    Nice

  • @pheonixway8029
    @pheonixway8029 Год назад

    Osm widget I love it keep upgrading

  • @adityasinha3851
    @adityasinha3851 Год назад

    I want to write labels horizontally beside the icons and not below it. What to do ?

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

    1:34

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

    How if the label is a long setence. Can it do horizontal expand?

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

    Oh thanks for leading and trailing widget! I‘ve built a complex IntrinsicWidth and Column for that earlier 😂😅

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

    I like this, i Will use this to development web

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

      We're glad you found the video helpful! Be sure to check out the rest of the playlist here: goo.gle/3cynBqr
      😎

  • @duchautran9347
    @duchautran9347 Год назад +1

    Wow, that's cool🤘🤘

    • @flutterdev
      @flutterdev  Год назад

      Happy to hear you enjoyed the tutorial!
      If you thought this tutorial was cool, be sure to check out the NavigationRail class ✏️:
      goo.gle/3Ilf4D7
      Happy Fluttering 👍

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

    Damn the mediaQuery trick at the end is near, need to try this out!

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

    Game changer!!!!! How can put the trailer at the bottom of the page?

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

      Hi! Please check out the following NavigationRail documentation here: goo.gle/3Ilf4D7

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

    Wow. Awesome timing. I wish flutter can do the same but on the top like a native web site

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

    I think it would have been nice if it had the same or very similar interface as bottom nav bar, to make it easy to switch between the two relative to the screen size 🤔...

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

    Otherwise thank you for all the work the team

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

    This is the best fking framework ever

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

    Flutter is just a gift that keeps on giving ❤️

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

      Thank you for the kind words, Max!
      If you enjoyed this video, be sure to check out the rest of the playlist: goo.gle/3P8GQoj
      Happy Fluttering 😎

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

    Great widget.

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

      Glad you enjoyed the video, Iván! Make sure to check out the rest of the playlist here: goo.gle/3cLi3ZZ
      😎

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

    Thanks. Didn't knew about it.

  • @nwayoolive
    @nwayoolive Год назад

    good

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

    Noice

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

    Love

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

      Thank you for your support! It is deeply appreciated! You can also check out more widget videos with the Widget of the Week playlist here 😄 → goo.gle/3JCNstZ

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

    man i have been waiting for this

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

      So glad you enjoyed the video, Ayoub!
      Make sure to check out the rest of the playlist:
      goo.gle/3PgXZvO
      Happy Fluttering 😀

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

    My heart fluttering 😊

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

      We're glad to hear you enjoyed this video, Sixtus!
      Be sure to check out the rest of the playlist: goo.gle/3B63JVY
      🙂

  • @joeydicastro
    @joeydicastro 2 месяца назад

    Amazing

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

    Hey Flutter i convinced my team to build our next big app with flutter

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

      That's so awesome to hear, Scott 😎

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

    I didn't know about this widget and implemented my own side navigation bar. Have a better animation when switching destinations. So, will stick with it for now.

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

    wow needed widget from somalia ✅✅

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

    hye bro , i need help to build the scrolling effect in listview like scroll one container at a time. but containers are having different heights. the scroll by scrolling only. not by pressing the button. by pressing button i know through jumtonextIndex works but need same effect by scrolling on listview

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

    You guys are the best.

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

    Very nice! 😁

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

    Cool

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

      Thanks for watching, Nikolai. Learn more tips and tricks here: goo.gle/FlutterWidget
      Happy learning! 👍

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

    Beautiful

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

    Column with Icons?

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

    💞 💞

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

    Flutter my old friend

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

      Thanks for the continued support, Haris. Be sure to subscribe to stay updated on the latest with Flutter: goo.gle/FlutterYT 🙌

  • @AbhishekKumar-bx8gp
    @AbhishekKumar-bx8gp 2 года назад

    What I'm waiting for

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

      Happy to hear you enjoyed the video, Abhishek 😀
      Don't forget to check out the rest of the playlist:
      goo.gle/3BQXRjW

  • @d-apps2699
    @d-apps2699 2 года назад

    Very beautiful widget!

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

      Thank you for your support 😎
      Be sure to check out the links in the description for more tips and tutorials!

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

    Great 👍❤️

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

      We're happy you enjoyed the video, Moaz!
      Don't forget to check out the rest of the playlist: goo.gle/3dsmFEM
      Happy learning 😎

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

    Great

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

      Happy to hear you liked the video, Rahul 😎
      Don't forget to check out the rest of the playlist:
      goo.gle/3BKfYI9

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

    Nice package😃

  • @vivekkumar-nb3sw
    @vivekkumar-nb3sw 2 года назад

    Very disappointed to see there is no hindi subtitles for such an important concept.......it really disappointing💔💔💔

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

      Hello, Vivek! You can make adjustments to your subtitle preferences for this video by doing the following:
      1.) Locate and select the closed caption option (CC)
      2.) With CC still enabled, click the gear icon to the right of the CC option and select "Subtitles/CC".
      3.) Choose your preferred language.
      I hope this helps 😎

    • @vivekkumar-nb3sw
      @vivekkumar-nb3sw 2 года назад

      Thank you for your consideration.....but auto translate is really inconsistent. I already tried it earlier. Anyways, thank you so much for considering.

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

      Of course! I am sorry that we could not be of greater assistance to you with this!

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

    Implementing this from scratch was nightmare 🥲