NavigationRail (Widget of the Week)

Sdílet
Vložit
  • čas přidán 6. 07. 2022
  • 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/FlutterWidget
    Subscribe to Flutter! → goo.gle/FlutterYT
    #WidgetoftheWeek #Widgets #Flutter
  • Věda a technologie

Komentáře • 122

  • @flutterdev
    @flutterdev  Před 2 lety +4

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

  • @AJFlutterTutorials
    @AJFlutterTutorials Před 2 lety +68

    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  Před rokem +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 😎

  • @mr_ks_gaming
    @mr_ks_gaming Před 2 lety +144

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

    • @kartikgarasia5685
      @kartikgarasia5685 Před 2 lety +5

      What was the reason for chooseing reach though ?

    • @mlazebny
      @mlazebny Před 2 lety +3

      @@kartikgarasia5685 mind lack

    • @imnemo2327
      @imnemo2327 Před 2 lety +15

      @@mlazebny 🤣 must be job

    • @AG-jq3hi
      @AG-jq3hi Před 2 lety

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

    • @mr_ks_gaming
      @mr_ks_gaming Před 2 lety +1

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

  • @manggamusasuleiman
    @manggamusasuleiman Před 2 lety +1

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

  • @JaredHasson
    @JaredHasson Před 2 lety +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 Před 2 lety

      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  Před rokem

      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 😁

  • @amugofjava
    @amugofjava Před 2 lety +12

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

  • @hiitaddict1774
    @hiitaddict1774 Před rokem +1

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

  • @ahmadamin248
    @ahmadamin248 Před 2 lety +30

    Weekly Dose for Flutter Enthusiasts 💙

  • @ayivugwekabemba
    @ayivugwekabemba Před 2 lety +1

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

    • @flutterdev
      @flutterdev  Před 2 lety

      Thanks for the kind words and feedback, Ayivugwe 😀

  • @Brendan-wj1ev
    @Brendan-wj1ev Před 2 lety +7

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

    • @flutterdev
      @flutterdev  Před 2 lety

      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

  • @Aspiiire
    @Aspiiire Před 2 lety +15

    Finally this was really needed

    • @flutterdev
      @flutterdev  Před rokem

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

  • @danielphil4976
    @danielphil4976 Před 2 lety

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

  • @acavals8080
    @acavals8080 Před 2 lety +13

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

    • @flutterdev
      @flutterdev  Před rokem +1

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

  • @jorgeramosarellano8795
    @jorgeramosarellano8795 Před 2 lety +1

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

  • @maxhuk
    @maxhuk Před 2 lety +1

    Flutter is just a gift that keeps on giving ❤️

    • @flutterdev
      @flutterdev  Před rokem +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 😎

  • @rebarius
    @rebarius Před 2 lety

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

  • @fredericgomes6757
    @fredericgomes6757 Před 2 lety +1

    I need my Flutter video dose every week 😅

  • @vdinh143
    @vdinh143 Před 2 lety

    You guys are the best.

  • @SnowmansApartment
    @SnowmansApartment Před 2 lety

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

  • @rylaczero3740
    @rylaczero3740 Před 2 lety

    Thanks. Didn't knew about it.

  • @r_manu
    @r_manu Před 2 lety

    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.

  • @youssef.elmoumen
    @youssef.elmoumen Před 2 lety +1

    Addicted to these videos 😍

    • @flutterdev
      @flutterdev  Před 2 lety

      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

  • @ahmedmohamed1340
    @ahmedmohamed1340 Před 2 lety

    wow needed widget from somalia ✅✅

  • @heshansandeepa9471
    @heshansandeepa9471 Před rokem +1

    This is awesome

  • @d-apps2699
    @d-apps2699 Před 2 lety

    Very beautiful widget!

    • @flutterdev
      @flutterdev  Před rokem

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

  • @pheonixway8029
    @pheonixway8029 Před 11 měsíci

    Osm widget I love it keep upgrading

  • @ditsomusic
    @ditsomusic Před 2 lety +3

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

  • @thedanielsdev2272
    @thedanielsdev2272 Před 2 lety

    Beautiful

  • @ayoubelbadaoui7000
    @ayoubelbadaoui7000 Před 2 lety +1

    man i have been waiting for this

    • @flutterdev
      @flutterdev  Před rokem

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

  • @rotcehr2d269
    @rotcehr2d269 Před 2 lety +1

    Awesome :D

  • @wesleybarnes5376
    @wesleybarnes5376 Před 2 lety +1

    Let's go! 💪🏻💪🏻

  • @joelsongoncalves9402
    @joelsongoncalves9402 Před 2 lety

    Very nice! 😁

  • @phamthanhkhang
    @phamthanhkhang Před 2 lety

    God! How cool it is

  • @luxury_101
    @luxury_101 Před 2 lety

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

    • @flutterdev
      @flutterdev  Před 2 lety

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

  • @williansdutra
    @williansdutra Před 2 lety

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

  • @scottgreen3703
    @scottgreen3703 Před 2 lety

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

    • @flutterdev
      @flutterdev  Před rokem

      That's so awesome to hear, Scott 😎

  • @flutterdoctor655
    @flutterdoctor655 Před 2 lety

    Otherwise thank you for all the work the team

  • @jaleger2295
    @jaleger2295 Před 2 lety +1

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

  • @hermenegildomatabeia8869
    @hermenegildomatabeia8869 Před 2 lety +1

    I like this, i Will use this to development web

    • @flutterdev
      @flutterdev  Před 2 lety +1

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

  • @nimrsawafta1682
    @nimrsawafta1682 Před 2 lety +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,

  • @ivanyoed
    @ivanyoed Před 2 lety +1

    Great widget.

    • @flutterdev
      @flutterdev  Před 2 lety

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

  • @sixtusagbo
    @sixtusagbo Před 2 lety +1

    My heart fluttering 😊

    • @flutterdev
      @flutterdev  Před 2 lety +1

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

  • @chhinsras
    @chhinsras Před 2 lety +1

    This is dope.

    • @flutterdev
      @flutterdev  Před 2 lety

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

  • @folaemmanuel7719
    @folaemmanuel7719 Před 2 lety

    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 🤔...

  • @joeydicastro
    @joeydicastro Před 18 dny

    Amazing

  • @flutterdoctor655
    @flutterdoctor655 Před 2 lety

    Good widget. But Is it expandble ?

  • @paneerlovr
    @paneerlovr Před rokem

    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!

  • @duchautran9347
    @duchautran9347 Před rokem +1

    Wow, that's cool🤘🤘

    • @flutterdev
      @flutterdev  Před rokem

      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 👍

  • @developersstudio1777
    @developersstudio1777 Před 8 měsíci

    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

  • @ryanfox8374
    @ryanfox8374 Před 2 lety +1

    Nice

  • @kecudotcom
    @kecudotcom Před 2 lety

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

  • @moazelsawaf2000
    @moazelsawaf2000 Před 2 lety

    Great 👍❤️

    • @flutterdev
      @flutterdev  Před rokem

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

  • @dungphamvan736
    @dungphamvan736 Před 2 lety +1

    Love

    • @flutterdev
      @flutterdev  Před rokem +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

  • @MPRGyanStudio888
    @MPRGyanStudio888 Před 2 lety

    How to creat audio2face lip sync animation is possible to flutter

  • @adityasinha3851
    @adityasinha3851 Před rokem

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

  • @nikolaikiselev8609
    @nikolaikiselev8609 Před 2 lety +1

    Cool

    • @flutterdev
      @flutterdev  Před rokem

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

  • @sanchaarnewsapp
    @sanchaarnewsapp Před 2 lety

    Nice package😃

  • @nwayoolive
    @nwayoolive Před rokem

    good

  • @devopsabilities5596
    @devopsabilities5596 Před 2 lety

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

    • @flutterdev
      @flutterdev  Před 2 lety

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

  • @chouhanrahul
    @chouhanrahul Před 2 lety

    Great

    • @flutterdev
      @flutterdev  Před rokem +1

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

  • @daniilsurnin795
    @daniilsurnin795 Před 2 lety

    Column with Icons?

  • @orderla8877
    @orderla8877 Před rokem +1

    1:34

  • @PenguinCrayon269
    @PenguinCrayon269 Před 2 lety +1

    Noice

  • @raquelhortabartomeu2384

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

  • @AbhishekKumar-bx8gp
    @AbhishekKumar-bx8gp Před 2 lety

    What I'm waiting for

    • @flutterdev
      @flutterdev  Před rokem +1

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

  • @syeddaniyalali48
    @syeddaniyalali48 Před 2 lety

    💞 💞

  • @tfozo
    @tfozo Před 2 lety +1

    Go flutter

  • @ajaypangare2487
    @ajaypangare2487 Před 2 lety +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

  • @k4ba
    @k4ba Před 2 lety

    This is the best fking framework ever

  • @harisharris5902
    @harisharris5902 Před 2 lety

    Flutter my old friend

    • @flutterdev
      @flutterdev  Před rokem

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

  • @junaid1464
    @junaid1464 Před 2 lety

    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 ?

  • @vivekkumar-nb3sw
    @vivekkumar-nb3sw Před 2 lety

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

    • @flutterdev
      @flutterdev  Před 2 lety

      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 Před 2 lety

      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  Před 2 lety

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

  • @The__Leo69
    @The__Leo69 Před 2 lety +1

    Implementing this from scratch was nightmare 🥲