No video

Flutter Tutorial - NEW Material You Navigation Bar | The New Way | Flutter Navigation Bar

Пікірлер: 127

  • @HeyFlutter
    @HeyFlutter Жыл бұрын

    This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/material_you_navigation_bar

  • @ritiksaxenaofficial
    @ritiksaxenaofficial2 жыл бұрын

    I was about to sleep but saw this notification. I like Material You design and loved this video 💙

  • @SanusiAdewale
    @SanusiAdewaleАй бұрын

    Thank you for this, short concise and covers everything necessary. I love it!

  • @HeyFlutter

    @HeyFlutter

    Ай бұрын

    Glad you liked it, @SanusiAdewale 😀

  • @pandaengine
    @pandaengine2 жыл бұрын

    I was looking for this for a while now. It looks lovely! I am excited about the full Material You release.

  • @thushankalana4940
    @thushankalana49403 ай бұрын

    Great lesson❤️❤️❤️ Thank you so much Sir ❤😊

  • @HeyFlutter

    @HeyFlutter

    3 ай бұрын

    You are welcome, @thushankalana4940 😊

  • @alihussainabro7694
    @alihussainabro76942 жыл бұрын

    johannes Milke Thanks

  • @HeyFlutter

    @HeyFlutter

    2 жыл бұрын

    Thanks, also Ali Hussain Abro! 🙂

  • @Apenschi
    @Apenschi2 жыл бұрын

    And another helpful video! You put out the videos with an unbelievable pace! I always wonder, how long you can keep it that way! Keep it up!

  • @phonghuynh3551
    @phonghuynh35512 жыл бұрын

    Always clearly and simple to understanding! 💙

  • @olivier1116
    @olivier1116 Жыл бұрын

    Hello @JohannesMilke, at 3.43 you show that pages contains their own Scaffold Widget so there are nested Scaffold (One scaffold in the main.dart and the body of this Scaffold holds another Scaffold). But in Flutter documentation it is said that "The Scaffold is designed to be a top level container for a MaterialApp. This means that adding a Scaffold to each route on a Material app will provide the app with Material's basic visual layout structure. It is typically not necessary to nest Scaffolds. For example, in a tabbed UI, where the bottomNavigationBar is a TabBar and the body is a TabBarView, you might be tempted to make each tab bar view a scaffold with a differently titled AppBar. Rather, it would be better to add a listener to the TabController that updates the AppBar" source : api.flutter.dev/flutter/material/Scaffold-class.html So why do you use nested Scaffolds here?

  • @HeyFlutter

    @HeyFlutter

    Жыл бұрын

    Thank you, olivier delmas! 🙂. I didn't understand your question properly. However, if you want to know about why there is nested scaffold just remove the scaffold widget, run the app. You will know the difference.

  • @abhishekagarwal6750
    @abhishekagarwal67502 жыл бұрын

    best navigation bar tutorial on the net!

  • @abhishekagarwal6750

    @abhishekagarwal6750

    2 жыл бұрын

    @@HeyFlutter hey mike, I have another question how can i fetch data of current user from my firebase database??, I am developing an application in which there is a login screen and when user gets inside the home screen, and accesses his profile section then his whole profile shows up, all data should be fetched from firebase database. Can you help me with this??

  • @khanisrarahmedalihusain
    @khanisrarahmedalihusain2 жыл бұрын

    Awesome as always 😊. Thanks for making such nice tutorial

  • @wadalamen14
    @wadalamen142 жыл бұрын

    Dr. Johannes Milke 😁 No words to say...

  • @hawarhekmat1174
    @hawarhekmat11742 жыл бұрын

    ur the best flutter teacher, thanks for your awesome explanation 🙏

  • @luisayestaran175
    @luisayestaran1752 жыл бұрын

    What an awesome tutorial. It's great how you're keeping up to date with Google's latest design trends, bro. Could you make a video on how to build the Material You search bar, please, man? Thanks!

  • @ranjanadeore2957
    @ranjanadeore29572 жыл бұрын

    Everything is temporary morning with your video is permanent

  • @obeddougan1505
    @obeddougan15052 жыл бұрын

    Thank for this tutorial

  • @isheriff82
    @isheriff822 жыл бұрын

    amazing, so much easier to understand ur lessons!

  • @Hitogiri
    @Hitogiri2 жыл бұрын

    Just wat i was looking for. .. thank you, now i know what am going to do today

  • @crazycat6569
    @crazycat65693 ай бұрын

    Thank you. Please, can you provide information on how you handle Back button with this navigation bar ?

  • @HeyFlutter

    @HeyFlutter

    2 ай бұрын

    Thank You @crazycat6569! Follow this link: stackoverflow.com/questions/70141793/how-to-handle-flutter-bottom-navigation-bar-when-back-button-is-pressed-to-go-to I hope you will get your answer 🙂

  • @crazycat6569

    @crazycat6569

    2 ай бұрын

    @@HeyFlutter Thank you. So there is no way to do it without PopScope. 😭

  • @stellarrelax.3495
    @stellarrelax.34952 жыл бұрын

    TBH I haven't found more videos on flutter in any other channel. This really helps. You're doing great. Keep up the good work Mike.

  • @srunrathaes128
    @srunrathaes128 Жыл бұрын

    Love your teaching

  • @HeyFlutter

    @HeyFlutter

    Жыл бұрын

    Glad you liked it, @srunrathaes128 😀

  • @osamamicro1103
    @osamamicro11032 жыл бұрын

    So amazing and clear content, Keep it up!

  • @yumyumviral1190
    @yumyumviral11902 жыл бұрын

    Thank you

  • @HeyFlutter

    @HeyFlutter

    2 жыл бұрын

    You are welcome, YumYum Viral!

  • @obeddougan1505
    @obeddougan15052 жыл бұрын

    Please can U make video on how to make music player control show on lock screen... Please

  • @frankeealcaayamanansin186
    @frankeealcaayamanansin1862 жыл бұрын

    WOW! I would gladly try this out!

  • @physicslakmal3754
    @physicslakmal37542 жыл бұрын

    Great Work. Thank you very much!

  • @2mvX
    @2mvX2 жыл бұрын

    thanks for this tutorial!

  • @mohammadshahid9820
    @mohammadshahid98202 жыл бұрын

    Good content as always bro. Thanks

  • @mdshahidali3132
    @mdshahidali31322 жыл бұрын

    Awesome Sir.Please Make more Video of design

  • @liqiye368
    @liqiye3682 жыл бұрын

    Thanks a lot man you saved my day.

  • @theartoflife8008
    @theartoflife80082 жыл бұрын

    شكرا لك يا صديقي انت مذهل الله يبارك بك

  • @HeyFlutter

    @HeyFlutter

    2 жыл бұрын

    Glad to hear that, Thank you فن الحياة | The art of life! 😊

  • @Pedro5antos_
    @Pedro5antos_2 жыл бұрын

    Thanks (again)!!

  • @rog0079
    @rog00792 жыл бұрын

    Great as always! Can you do an animation series like Flutter using Rive/Flare/Lottie animations for beginners? It would be great!

  • @rog0079

    @rog0079

    2 жыл бұрын

    @@HeyFlutter I see you've already created the videos on the same... You're exceptional! Keep up the good work sir! :)

  • @luchitv01
    @luchitv012 жыл бұрын

    Please do a video on how to use photo manager package to make custom image picker

  • @md.ruhulamin7963
    @md.ruhulamin79632 жыл бұрын

    Thank you sir.

  • @mojtabasaebi6096
    @mojtabasaebi60962 жыл бұрын

    Thank you LOve you

  • @tranthanhtra1312
    @tranthanhtra13129 ай бұрын

    ohh thank you

  • @HeyFlutter

    @HeyFlutter

    9 ай бұрын

    You are welcome, @tranthanhtra1312 😊

  • @AnyThink5
    @AnyThink511 ай бұрын

    very useful video ❤

  • @HeyFlutter

    @HeyFlutter

    11 ай бұрын

    Glad you liked it, @AnyThink5 😀

  • @Er.MeetPatel
    @Er.MeetPatel2 жыл бұрын

    How Jump Between Pages Programmatically In Navigation Bar

  • @zanovis
    @zanovis Жыл бұрын

    Your videos rock!

  • @HeyFlutter

    @HeyFlutter

    Жыл бұрын

    Glad you liked it, @zanovis 😀

  • @user-vq7du3in2x
    @user-vq7du3in2x2 жыл бұрын

    Could you make a video on how to let the user change the text size of the hole app in a app settings page

  • @mdshahidali3132
    @mdshahidali31322 жыл бұрын

    Sir please create a video on Develop own package and plugin in flutter

  • @evansgitonga3046
    @evansgitonga30462 жыл бұрын

    what about persistent navigation bar

  • @sorunkehassan4531
    @sorunkehassan45312 жыл бұрын

    Great video love your contents but if want to push another screen ,still have the bottom navigation and state, how can I do this ?

  • @prayandcode
    @prayandcode2 жыл бұрын

    Nice one bro

  • @aborayan
    @aborayan2 жыл бұрын

    thank you so much but how i can add bottom admob ads in app up or down bottom navbar

  • @HeyFlutter

    @HeyFlutter

    2 жыл бұрын

    Thank You أبو ريان - Abo Rayan - تعلم اللغة الاسبانية مع! Follow this link: stackoverflow.com/questions/61544608/ads-overlapping-bottom-navigation-in-flutter I hope you will get your answer 🙂

  • @aytunch
    @aytunch2 жыл бұрын

    Thanks Johannes, what about material you scroll/list view?

  • @vandanaverma1399
    @vandanaverma13992 жыл бұрын

    how to change selected text color in navigator-bar

  • @LuminousAsianBeauties
    @LuminousAsianBeauties2 жыл бұрын

    yeah. amazing. maybe you can some animation tutorial more💪💪💪

  • @DguruZ
    @DguruZ2 жыл бұрын

    Very useful video bro! . I just have a question, How can I preserv the state of a Page ?

  • @OICG
    @OICG2 жыл бұрын

    Where is material you ?

  • @OICG

    @OICG

    2 жыл бұрын

    Got it in your pinned comment 👍

  • @ahmed_alharthi

    @ahmed_alharthi

    2 жыл бұрын

    ​@@HeyFlutter Thanks, when it is going to be stable?

  • @AlwaysMore
    @AlwaysMore2 жыл бұрын

    can you make a tutorial about notification between mobile to another mobile using firebase by using mobile tokens ?

  • @rakibulhasanjoy7158
    @rakibulhasanjoy71583 ай бұрын

    If in profile view, there is a button, and navigate another page, then how can I show bottom navigation bar?

  • @HeyFlutter

    @HeyFlutter

    3 ай бұрын

    Thank You @rakibulhasanjoy7158! Follow this link: pub.dev/packages/persistent_bottom_nav_bar I hope you will get your answer 🙂

  • @tripsam4655
    @tripsam46552 жыл бұрын

    Is there a way to put an empty placeholder item under FAB to adjust bottom navbar spacing between items to include FAB?

  • @tripsam4655

    @tripsam4655

    2 жыл бұрын

    @@HeyFlutter Yes. I actually wanted to put a floating action button on the bottom navbar. I have docked it in the center. But the spacing between other tabs in bottom navbar obviously isn't adjust for the floating button. This makes the button look a bit awkward on the tab. Is there a way to pass an empty tab in the middle so that floating button can take its place?

  • @dandusaivarma2416
    @dandusaivarma24162 жыл бұрын

    Hi Milke how do i change the icons size and icons color on selected . In default icons are in black. Thanks in advance

  • @rohaitastanoli3414
    @rohaitastanoli34142 жыл бұрын

    How to change icon color?

  • @dimasismu5738
    @dimasismu57382 жыл бұрын

    are U have a tutorials for signup/register in local db and login without firebase, thanks

  • @capybaracode
    @capybaracode Жыл бұрын

    is it possible to make navbar disappear on certain page with this method?

  • @HeyFlutter

    @HeyFlutter

    Жыл бұрын

    Hey, @capybaracode 🙂 this support is provided in material you design, if your app supports material you, you can definitely use it

  • @ilyadreamix
    @ilyadreamix2 жыл бұрын

    how to make system navbar with app navbar container color? i don't want it to be just black

  • @HeyFlutter

    @HeyFlutter

    2 жыл бұрын

    Thank You IlyaDreamix! Follow this link: stackoverflow.com/questions/51012360/flutter-system-navigation-bar-and-status-bar-color I hope you will get your answer 🙂

  • @user-bx8uh4gl6s
    @user-bx8uh4gl6s2 жыл бұрын

    Sir, why the source code compile occurred error? The method 'NavigationBarTheme' isn't defined for the class, The method 'NavigationBarThemeData' isn't defined for the class, The method 'NavigationBar' isn't defined for the class, The method 'NavigationDestination' isn't defined for the class, I must change the sdk to channel mater to fix these error?

  • @gangasunny1908
    @gangasunny19082 жыл бұрын

    Does this feature support in android 11 phones???

  • @rashidkhan1845
    @rashidkhan18452 жыл бұрын

    sir i have already a body so where do i put body:screens[index],

  • @sousanonymoi
    @sousanonymoi2 жыл бұрын

    how to remove the blue colors from the selected icon?

  • @aborayan
    @aborayan2 жыл бұрын

    and label text color and size how can change it ?

  • @HeyFlutter

    @HeyFlutter

    2 жыл бұрын

    Thank You أبو ريان - Abo Rayan - تعلم اللغة الاسبانية مع! Follow this link: stackoverflow.com/questions/71049836/label-text-color-is-not-changing-in-bottom-navigation-bar-widget-in-scaffold-fl I hope you will get your answer 🙂

  • @syedhannan546
    @syedhannan5462 жыл бұрын

    Hi can i call api for all the 4 tabs at once itself even before clicking on the tabs? since it will make the user wait for loading data

  • @HeyFlutter

    @HeyFlutter

    2 жыл бұрын

    Thank You Syed Abdul Hannan! Follow this link: stackoverflow.com/questions/67959307/how-to-passing-data-api-with-bottom-navigation-bar-on-flutter I hope you will get your answer 🙂

  • @syedhannan546

    @syedhannan546

    2 жыл бұрын

    @@HeyFlutter thanks for the reply😊

  • @darkhorrormystery7000
    @darkhorrormystery70009 ай бұрын

    Brother, I am working on a Flutter Android application. And I have added a side navigation bar on that application. Which includes Rate Us, Share App, Privacy Policy, Exit. But I tried many things but could not bring these buttons to working condition, can you tell me? How can I bring them into working condition?

  • @HeyFlutter

    @HeyFlutter

    9 ай бұрын

    Thanks for the idea @darkhorrormystery7000 😀, i have added it in my list of future videos

  • @MarkyMarking
    @MarkyMarking2 жыл бұрын

    Is it persistent?

  • @rajenderkatkuri7642
    @rajenderkatkuri76422 жыл бұрын

    Is this new Navigation Bar only for Android or its works for iOS as well ?

  • @evanhossain1618
    @evanhossain16182 жыл бұрын

    "flutter channel master" couldn't run in my vs code terminal. When run that command an error shows that is "git: fatal: 'origin/master' is not a commit and a branch 'master' cannot be created from it Switching channels failed with error code 128." how can I do that, please suggest.

  • @hackerwhite7957
    @hackerwhite795711 ай бұрын

    and what how we do style for unselected lable

  • @HeyFlutter

    @HeyFlutter

    11 ай бұрын

    Hey 😊, @hackerwhite7957! Check out this solution: stackoverflow.com/a/73493268

  • @mrunalvala4317
    @mrunalvala4317 Жыл бұрын

    Can we hide this navigation bar with scroll down?

  • @HeyFlutter

    @HeyFlutter

    Жыл бұрын

    Thank You Mrunal Vala! Follow this link: stackoverflow.com/questions/50353640/hide-bottom-navigation-bar-on-scroll-in-flutter I hope you will get your answer 🙂

  • @src.obaida
    @src.obaida Жыл бұрын

    does it works also with google Nav bar ?

  • @HeyFlutter

    @HeyFlutter

    Жыл бұрын

    Yes, @src.obaida 🙂

  • @abdulmalikmuhammad6981
    @abdulmalikmuhammad69812 жыл бұрын

    hey Johannes, How can I keep the navigation bar when I navigate from mail page to another page

  • @abdulmalikmuhammad6981

    @abdulmalikmuhammad6981

    2 жыл бұрын

    @@HeyFlutter Thanks, mate! you just made to buy your course.

  • @abdallahhossam2175
    @abdallahhossam21752 жыл бұрын

    when i try to change the color of label by writing label:Text("mail",style: TextStyle(color:Colors.red)), it tells me that A value of type 'Text' can't be assigned to a parameter of type 'String'

  • @ugwutakingsley1671

    @ugwutakingsley1671

    7 ай бұрын

    Were you able find a way out with this? I am currently facing this and would appreciate if you can share a solution

  • @rangasamyeswaran8440
    @rangasamyeswaran84402 жыл бұрын

    hi Johannes Milke. In column I was given lot of information by ListView it's scrollable but the issue is when i am going to take a screenshot that screenshot is not scrollable. Do you have any idea about that

  • @rangasamyeswaran8440

    @rangasamyeswaran8440

    2 жыл бұрын

    @@HeyFlutter in android mobile we can take long screenshot. Which means one long page we can take in one screenshot. That's why I am asking. In android 10 itself that option will available.

  • @BB-fg9ed
    @BB-fg9ed2 жыл бұрын

    Day_2 of asking for a simple everyday reminder with local push notification. And also saving the reminder even if app closes

  • @learnwithsajjat
    @learnwithsajjat2 жыл бұрын

    How much money your all course in 1 year

  • @Baiai2899
    @Baiai289911 ай бұрын

    I can't move pages, help me

  • @HeyFlutter

    @HeyFlutter

    11 ай бұрын

    Thank You @mohamadalmubarok9928! Follow this link: developer.school/snippets/flutter/material-you-navigation-bar I hope you will get your answer 🙂

  • @Baiai2899

    @Baiai2899

    10 ай бұрын

    @@HeyFlutter Thank you this works after using flutter channel master

  • @md.ruhulamin7963
    @md.ruhulamin79632 жыл бұрын

    Sir, please improve the video quality, it show only 360p available.

  • @md.ruhulamin7963

    @md.ruhulamin7963

    2 жыл бұрын

    😀😀 ok sir, its a long time that my morning starts by seeing your videos. You are so great full.

  • @abdoudouba2889
    @abdoudouba28892 жыл бұрын

    Navigation Bar it doesn't work for flutter : 2.5.1

  • @OM-nx4pp
    @OM-nx4pp Жыл бұрын

    you request web is not working

  • @HeyFlutter

    @HeyFlutter

    Жыл бұрын

    Thank you, OM! 🙂. Try to paste the error message with your question whenever you face any issue or error.

  • @barronsa1317
    @barronsa13172 жыл бұрын

    How can we dm you man

  • @MegaOsama99
    @MegaOsama99 Жыл бұрын

    I love you ❤ u r superman 👍

  • @HeyFlutter

    @HeyFlutter

    Жыл бұрын

    Thanks, @MegaOsama99! 🙂

  • @nix_malone
    @nix_malone Жыл бұрын

    We must give our email address so that you can annoy us with adds because you can't just email us the source code.

  • @HeyFlutter

    @HeyFlutter

    Жыл бұрын

    Thanks, NiXØ! 🙂 Learn more about it here: github.com/JohannesMilke/sponsorware#2-why-didnt-i-get-an-email-even-if-i-have-sent-already-a-request-on-your-website

  • @mrsp7693
    @mrsp76932 жыл бұрын

    Hello 👋 your videos very successful Brother. Brother one help flutter App in Text input Google form links show link in app & click link show Google form in App . Please one video make please please

  • @elnacho5648
    @elnacho56485 ай бұрын

    Bad Video. Its not funtionallity!!!! dont waste your time and watch a diffrent video!!!

  • @HeyFlutter

    @HeyFlutter

    5 ай бұрын

    Thank you, @elnacho5648! 🙂. We are sorry for that, but we always learn and try to improve ourselves, your kind suggestion will help in that regard. Let us know what should we improve in our videos? Your suggestion will be highly appreciated.

  • @raghav042
    @raghav0422 жыл бұрын

    This is not material you

  • @user-ok3uv1qx2r
    @user-ok3uv1qx2r5 ай бұрын

    how can I keep BottomNavigationBar on each page because whenever I navigate to some route the BottomNavigationBar disappears.

  • @HeyFlutter

    @HeyFlutter

    5 ай бұрын

    Thank You @user-ok3uv1qx2r! Follow this link: pub.dev/packages/persistent_bottom_nav_bar I hope you will get your answer 🙂