Тёмный

Sidebar Animation & Navigation | Flutter UI 

TECHIE BLOSSOM
Подписаться 35 тыс.
Просмотров 177 тыс.
50% 1

#Sidebar #Animation #Navigation #Flutter
The idea was taken from dribbble, developed in Flutter. Animated sidebar with navigation using a flutter bloc library.
If you liked the video, then please show me by hitting the like button for video and show some love by giving star 🌟 on Github.
Code - github.com/Tec...
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Other Videos
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
➨ Neumorphism, Gradient Chart & Custom Shape End Drawer - • Sidebar Animation & Na...
➨ Google Stadia App Concept - • Flutter UI | Stadia Ap...
➨ Local Events App - • Flutter UI | Local Eve...
➨ Sidebar animation and navigation - • Sidebar Animation & Na...
➨ Despicable Me Characters App - • Flutter UI | Despicabl...
➨ Flight Ticket App Playlist - • Flight List UI | BLOC ...
➨ Video Game Messaging App - • Video Game Message App...
➨ Bloc Tutorials - • State Management | Fou...
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Support!!
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Helps me in carving out more time for tutorials
❤️ From India and don't want to pay commission - There are many ways you can connect with me (Website, Twitter, Comments)
❤️ Buy me a Coffee www.buymeacoff...
or here is my
❤️ PayPal account paypal.me/techieblossom
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
Follow me! Show your support towards the channel:
━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━
🎯 Medium - / prateeksharma
🎯 Twitter - / sharmaprateek7
🎯 Website - www.techieblos...
🎯 Github - github.com/Tec...
SUBSCRIBE FOR MORE VIDEOS LIKE THIS
LIKE & SHARE
THANKS FOR WATCHING!🙏🙏🙏

Опубликовано:

 

12 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 301   
@prathameshacharya3457
@prathameshacharya3457 4 года назад
Thank you so much for all the pain you took making this. I'm grateful to you!
@hassantariq4062
@hassantariq4062 3 года назад
One of the best flutter developer, will go out of the bounds for helping anyone. Thank you Prateek for the guide. keep up the good work.
@techieblossom
@techieblossom 3 года назад
Anytime.
@noway2451
@noway2451 3 года назад
Really find this one very clear and understandable. Everyone could use this to build a basic app with it. Very nice.
@mateogalic7128
@mateogalic7128 4 года назад
Best flutter channel on youtube! Really enjoying watching your content and learning new stuff every day! Greetings from Croatia! Wishing you all well Sir!
@hieu4987
@hieu4987 4 года назад
I have a few questions: - Why didn't you use Drawer ? - Can I use Redux instead of BLoC ? Thank you so much! Great tutorial.
@PrateekSharma1712
@PrateekSharma1712 4 года назад
Drawer doesn't have the handle, that this one requires. Yes, you can use if redux is also state management technique in Flutter. I don't see many people using that.
@tanmaysinghal8370
@tanmaysinghal8370 4 года назад
What is BLoC?
@techieblossom
@techieblossom 4 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-S2KmxzgsTwk.html Explained here with concepts.
@tristanalexander6825
@tristanalexander6825 3 года назад
Awesome work brother, really needed something like this.
@richardgonzalez2932
@richardgonzalez2932 Год назад
Para el minuto 26:00 la corrección que pude hacer para las versiones actual en esta línea de código es esta left: isSideBarOpenedAsync.requireData ? 0 : 0, right: isSideBarOpenedAsync.requireData ? 0 : screenWidth - 45, en vez del data colocar requireData 4/07/2023
@althafaralijaffarali1803
@althafaralijaffarali1803 3 года назад
Thanks a lot man!. Worked perfectly 👌
@ghermanjaramillo760
@ghermanjaramillo760 4 года назад
Thanks for the tutorial. Awesome work.
@jalakamkiran7392
@jalakamkiran7392 4 года назад
Thank you so much for sharing your valuable knowledge
@akiisharma4225
@akiisharma4225 4 года назад
awesome content bro i have to learn more that you used in this long way to go keep doing good stuff
@techieblossom
@techieblossom 4 года назад
Thanks for the visit
@srunrathaes128
@srunrathaes128 Год назад
Thanks for sharing good tips.
@techieblossom
@techieblossom Год назад
Thanks for watching!
@ricard458
@ricard458 3 года назад
You are creative ! :)
@yashodmendis1392
@yashodmendis1392 Год назад
thank you very much. this tutorial is very helpful for me
@Ezcumleden
@Ezcumleden 3 года назад
huge thanks
@paulohsantos180
@paulohsantos180 3 года назад
O cara que dá um "Não gostei" nesse vídeo, deve ser o p... das galaxias em DEV, só pode... Parabéns pelo vídeo. Aprendi muito!
@e_ducationally
@e_ducationally 4 года назад
you are the best ,for ever , we love you .
@jimmyfmedina
@jimmyfmedina 4 года назад
Thanks. Excellent video, great channel to learn Flutter.
@AnilKumar-ss5qz
@AnilKumar-ss5qz 4 года назад
Super tutorial and very clear explanation continue uploading more videos
@Yangslehollandais
@Yangslehollandais 2 года назад
Help !!! 'package:flutter/src/widgets/framework.dart': Failed assertion: line 4313 pos 14: 'owner!._debugCurrentBuildTarget == this': is not true. I got this error when running
@dzako886
@dzako886 3 года назад
I am faceing this problem "rror: The method 'inheritFromWidgetOfExactType' isn't defined for the class 'BuildContext'. - 'BuildContext' is from 'package:flutter/src/widgets/framework.dart'" . Can anyone help me?
@JM-ip9fe
@JM-ip9fe 4 года назад
Nice
@rhnuwanr
@rhnuwanr 4 года назад
Nice, Thanks
@cabdiraxmaanmacalin6485
@cabdiraxmaanmacalin6485 2 года назад
i subscribed bro and i am enjoying
@PEDRO4075
@PEDRO4075 4 года назад
you are awesome brother ✌️ keep the good work
@sundards9613
@sundards9613 4 года назад
Amazing dude thanks for the tutorial
@Sbusiso3
@Sbusiso3 4 года назад
Can i send you a UI that i personally designed? and get a quote/pricing on how much you can charge me to build the full app?
@techieblossom
@techieblossom 4 года назад
Yes
@aayushshah6409
@aayushshah6409 4 года назад
Thanks for your efforts. Really helped me a lot :)
@techieblossom
@techieblossom 4 года назад
You are welcome!
@itcook5874
@itcook5874 4 года назад
Nice video man... thank you
@usamaarif7003
@usamaarif7003 4 года назад
You have exelent work for us brother
@Sbusiso3
@Sbusiso3 4 года назад
Thanks buddy...
@samorket8091
@samorket8091 3 года назад
: Bloc no longer uses initialstate so in navigation_bloc.dart use the super() constructor instead
@techieblossom
@techieblossom 3 года назад
Yeah, pass the initial state in the super constructor.
@thabomatlenana6798
@thabomatlenana6798 3 года назад
Hey i am facing this problem 'package:provider/src/delegate_widget.dart': Failed assertion: line 228 pos 16: '_builder != null': is not true.
@Yangslehollandais
@Yangslehollandais 2 года назад
Hi Bro, please did you find solution for this issues ?
@nagakrushnay4254
@nagakrushnay4254 4 года назад
Thanks for the video
@new_oldgeneration2243
@new_oldgeneration2243 4 года назад
Design is good but bad user experience for sidenav we have to give more breathing space on right side. Because on click that particular section sidenav will close if it is congested then user has point his finger by concentration on the empty space😊
@emvannet6412
@emvannet6412 3 года назад
Thank you
@samorket8091
@samorket8091 3 года назад
Thank you sir
@filgs-rafael8962
@filgs-rafael8962 4 года назад
Thank you bro
@jaggyjut
@jaggyjut 3 года назад
Could you make something similar but with Firebase authentication. After login fetch data from Firebase and display on screen.
@hozeq
@hozeq 3 года назад
hello i wonder if the same as in this video has a tutorial video or library for android
@alwinvj6487
@alwinvj6487 Год назад
How can you create a shadow around the container shaped by ClipPath?
@akbarpambudiutomo2709
@akbarpambudiutomo2709 4 года назад
Very Nice, Thanks Sir.
@callobuzz
@callobuzz 4 года назад
Leading widget consumes entire tile width. Please use a sized widget. Getting this error on using list tile widget only please help
@abodeseda9648
@abodeseda9648 4 года назад
Thanks for the tutorial - great work. Can help me with one thing, is it possible to add the sidebar and open it from the right instead ?
@techieblossom
@techieblossom 4 года назад
Yes.
@yacine_re4257
@yacine_re4257 4 года назад
Thanks a Lot
@catkot8184
@catkot8184 4 года назад
Thanks 🌹🌹
@ArjunYadav-np4fh
@ArjunYadav-np4fh 4 года назад
Please improve the voice recording quality, I can listen the voice when it in on 100%. Your contents are amazing
@dhouibomar7910
@dhouibomar7910 3 года назад
thanks a lot for this tutorial ! i just want to ask about hiding the navigation bloc in login page after I pressed the button logout in the sidemenu bar. thanks
@th3ph4nt0m_dev
@th3ph4nt0m_dev 4 года назад
Thank you dude helped me a lot i just started learning flutter and had no idea how to start. Can I use your code for an app for my school? Something like a schoolplanner...
@techieblossom
@techieblossom 4 года назад
Yup.
@sudhanshugairola3718
@sudhanshugairola3718 4 года назад
On auto rotation at landscape mode get error and gesture not working
@data-is-king8099
@data-is-king8099 2 года назад
Hi! very good tutorial. I was not able to get onTap command working. no action was happening on clicking on the menu, can you let me know what happened? Is anything changed in the base syntax?
@mrd1gr00tKawHmuNewsApp
@mrd1gr00tKawHmuNewsApp 4 года назад
thanks bro
@SmehNetUa
@SmehNetUa 4 года назад
Thanks for the great tutorial! The only question is why did you replace the import paths for your blocs with the relative ones?
@techieblossom
@techieblossom 4 года назад
Better practice.
@SmehNetUa
@SmehNetUa 4 года назад
@@techieblossom can you please explain how is this a better practice? Because there is a known issue with relative paths: stackoverflow.com/a/50734608/3473445 and the suggestion is to avoid relative paths
@techieblossom
@techieblossom 4 года назад
2018.. the post is from 2018. When we was not merged in basic Flutter. Since then, it is good practice. Also I think it might be better if relative path is given, in that case you can move your folder to other projects also
@techajay6029
@techajay6029 4 года назад
Nice tutorial sir ji
@SamM-im9jl
@SamM-im9jl 3 года назад
can we animate when page load
@RIMJANESSOHMALOOG
@RIMJANESSOHMALOOG 4 года назад
stylish
@marleynoleto
@marleynoleto 4 года назад
this video helped-me so much, thanks for share it. I have one question, do you know how I put this sidebar after of a splash screen and login page on an another page? Thanks and congratulations for your post.
@techieblossom
@techieblossom 4 года назад
You can watch my making first service call video. I have shown splash screen there.
@rodrigoalcarva7472
@rodrigoalcarva7472 4 года назад
Hello! Great content! One question, How can I put Containers in the HomePage and set Height without the sidebar being defaced ? Thank you!
@techieblossom
@techieblossom 4 года назад
When you use container it will take full width, so you can give a default left padding. Then, your content will be behind the sidebar..
@kyungsooswifeu8240
@kyungsooswifeu8240 2 года назад
I like this sidebar, however I'd like to use pageRoute instead of navigator/bloc provider etc... but when I do it becomes hidden I have to pull to see the sidebar. I removed the Sidebar_layout and NavigationBloc files only all the others are still there any solution please ? It's most likely because I am calling the sidebar as a drawer in every page, but I can't tell how to configure/change it.
@g2agrawal165
@g2agrawal165 4 года назад
nice tutorial. i am using flutter 1.17.3 and as i introduce listtile its throwing error " The following assertion was thrown during performLayout(): I/flutter ( 7830): Leading widget consumes entire tile width. Please use a sized widget. Failed assertion: line 1353 pos 7: 'tileWidth != leadingSize.width' " any idea how to solve im using vivo 1901 as a device.
@g2agrawal165
@g2agrawal165 4 года назад
never mind after setting left animation position error solved.
@Yangslehollandais
@Yangslehollandais 2 года назад
Help !!! Got the same issues but not resolved
@RKavanagh
@RKavanagh 4 года назад
I am getting issues if the phone is rotated to landscape as the menu items no longer fit on the screen.
@abasilis
@abasilis 2 года назад
Hi, first of all, thanks for the explanation, and the time invested in this sample. Not sure why I get an error in the 26:00 after replacing the variable to isSideBarOpenedAsync.data. The error is "A nullable expression can't be used as a condition. Try checking that the value isn't 'null' before using it as a condition." I know this video is more than two years ago, and I'm using Flutter 2.5.3, thanks again, and if someone here can help me it would be really appreciate it, to help me to get this sample finished.
@techieblossom
@techieblossom 2 года назад
Okay. With the error description, I can say that isSideBarOpeneedAsync is null for maybe first time. You can write this isSideBarOpenedAsync.data ?: false in the condition.
@abasilis
@abasilis 2 года назад
​@@techieblossom Thank you very much for your quick response. Assuming that this value will never be null, I wrote isSideBarOpenedAsync.data!. I continued with the video, and now I have two errors almost finishing. In the 54:38 NavigationBloc() I get the error "1 positional argument(s) expected, but 0 found." Also in the 58:35 when I pass the function onTap to the parameter onTap: I get the error "The argument type 'Function' can't be assigned to the parameter type 'void Function()?'". The whole project so far has been uploaded to my GitHub for you to check, in case I made a typo/mistake or the new versions of the flutter_bloc needs something else. Thank you for your time again, this means a lot to me. :) Github link: github.com/abasilis/sidebar_animation.git
@techieblossom
@techieblossom 2 года назад
All are null related issues.. use onTap?.call() or onTap!
@techieblossom
@techieblossom 2 года назад
What is the positional argument that it is asking for? At 54:38, can you tell that?
@techieblossom
@techieblossom 2 года назад
because of this, the navigation bloc is requiring an initial state. NavigationBloc(NavigationStates initialState) : super(initialState); You don't need to have a constructor with (NavigationStates initialState), remove this and it will remove the error. Why this will work, because the super constructor will read already defined initialState. I will raise a MR, so check that.
@salvadorhuang7171
@salvadorhuang7171 3 года назад
很好,学些到了!赞!
@abstrxtinfinity
@abstrxtinfinity 3 года назад
Hi, have you made this into a flutter package?
@jdjfbff5009
@jdjfbff5009 4 года назад
Hi, is it possible to decrease the width of the side menu when expanded?
@muhi_flutter_dev
@muhi_flutter_dev 2 года назад
sir when I run the source code I get this error : StateError (Bad state: add(NavigationEvents) was called without a registered event handler please help me thanks!
@jaserjsk
@jaserjsk 4 года назад
Thanks for the tutorial - Awsome work. Can help me with one thing, is it possible to add the sidebar and open it from the right instead ?
@techieblossom
@techieblossom 4 года назад
Ofcourse.. it is possible..
@jaserjsk
@jaserjsk 4 года назад
do you have any idea what I need to change to make that happen. Can u please give me some assist
@ahmadalismail8046
@ahmadalismail8046 4 года назад
@@techieblossom, please advice :)
@techieblossom
@techieblossom 4 года назад
You have to play with right instead of left and vice versa..
@ahmadalismail8046
@ahmadalismail8046 4 года назад
@@techieblossom I've tried for hours with no luck, I did everything working fine for the right to left, but I have an issue in the button shape "path clip", so please give us the code to clip from the left side of the button :)
@arunshrestha6169
@arunshrestha6169 3 года назад
create: (context) => NavigationBloc(), I am getting [1 positional argument(s) expected, but 0 found. Try adding the missing arguments.dartnot_enough_positional_arguments ] pls help me to find out the solution.
@techieblossom
@techieblossom 3 года назад
What is the constructor of navigation bloc? It requires initial state because you are using newer version than what is in the tutorial.
@techieblossom
@techieblossom 3 года назад
Have explained this error in comments, please check that out
@arunshrestha6169
@arunshrestha6169 3 года назад
@@techieblossom I have tried by changing the version too but it did not work, here is the code of navigation bloc class enum NavigationEvents { HomePageClickedEvent, } abstract class NavigationStates {} class NavigationBloc extends Bloc { NavigationBloc(NavigationStates initialState) : super(initialState); NavigationStates get initialState => HomePage(); @override Stream mapEventToState(NavigationEvents event) async* { switch (event) { case NavigationEvents.HomePageClickedEvent: yield HomePage(); break; } } } I am stuck only on this code, pls help me out.
@techieblossom
@techieblossom 3 года назад
The constructor itself has initialState, so it is still pointing to much newer version. Either have a version which doesn't have state in constructor or pass a initialstate from context: (context)=> NavigationBloc()
@rodinsuniga5549
@rodinsuniga5549 4 года назад
can we add a swipe to right to open the drawer?
@yusufssss
@yusufssss 6 месяцев назад
How can i contact with you? I tried but something wrong with navigation. Can you please help me about this?
@techieblossom
@techieblossom 6 месяцев назад
LinkedIn
@fajarfaisaldy
@fajarfaisaldy 3 года назад
hi, i got an eror while using bloc context.ancestorInheritedElementForWidgetOfExactType(type)?.widget ? context.inheritFromWidgetOfExactType(type) as InheritedProvider
@rakshakedlaya8961
@rakshakedlaya8961 Год назад
Other than menu item pages, how can we make same drawer available in other pages without using AppBar drawer method? I want same drawer to appear in other pages as well
@techieblossom
@techieblossom Год назад
That’s tricky. Drawer is supposed to be available on first page only. For rare cases like yours, you will have to declare it again in other pages. The other approach is to load all pages as not scaffolds and only widgets. This way you have 1 scaffold only.
@rakshakedlaya8961
@rakshakedlaya8961 Год назад
@@techieblossom Okay, thank you :)
@amitforever2007
@amitforever2007 4 года назад
Nice tutorial, You said there is no need of rxDart for this project, if its removed isSidebarOpenedStreamController = PublishSubject(); will not work! is this project we need to use rxdart and fullter_bloc ???
@techieblossom
@techieblossom 4 года назад
I am not sure, but I think rxdart is now part of Flutter sdk. Thatswhy I might have said this. Please verify if you can
@amitforever2007
@amitforever2007 4 года назад
​@@techieblossom Why i pointed this because, in this video 48:44 you said, no need of or rxdart and removed dependency from pubs file..but if remove that . Publish subject will no longer works
@geofaniweni9845
@geofaniweni9845 Год назад
Sir please help me, can i see your code in file rxdart.dart, sorry please explane to me, how to fix error when write isSidebarOpenedStreamController = PublishSubject can you see in minute 22.00 please help me bro, thank you.
@Nobbu_SSS
@Nobbu_SSS Год назад
Hello, I need help, the sidebar animation does not run, it is stuck and only changes if I directly change the (final bool isSidebarOpened = true; to false or false to true) how do I solve this? Another detail, I couldn't run any code from line 14 (from the sidebar.dart file) to line 17 without adding a " late ", does this generate errors in the code?
@techieblossom
@techieblossom Год назад
Please send me the full file or project.. I will fix and give back to you. You can DM me on twitter or LinkedIn
@Nobbu_SSS
@Nobbu_SSS Год назад
@@techieblossom hello, Sorry to take so long, can you access my github?
@techieblossom
@techieblossom Год назад
Have you added me as collaborator or shared a link somewhere?
@techieblossom
@techieblossom Год назад
I cannot access your GitHub
@PaulBlxck
@PaulBlxck 4 года назад
Is this free for commercial use (provided that I give you full credit of course)?
@techieblossom
@techieblossom 4 года назад
Not free
@nareshpentala9173
@nareshpentala9173 4 года назад
How much money does it cost ?
@nareshpentala9173
@nareshpentala9173 4 года назад
@@techieblossom how much money does it cost
@chupz7524
@chupz7524 4 года назад
need help i keep getting Renderbox was not laid out when I add the ListTile in the column
@techieblossom
@techieblossom 4 года назад
Post the code.
@Rhen.
@Rhen. 3 года назад
how do u solved? , pls
@ferifajariandi
@ferifajariandi 2 года назад
Nice project but sorry, it's not support to null safety?
@techieblossom
@techieblossom 2 года назад
It was done 2 years back. But can be migrated.
@eduardobaez7247
@eduardobaez7247 2 года назад
Delete this line in NavigationBloc: NavigationStates get initialState => HomePage(); And change this line in sidebarlayout : create: (context) => NavigationBloc(), change to create: (context) => NavigationBloc(HomePage()),
@user-jx8kg3vv1h
@user-jx8kg3vv1h 4 года назад
很好,支持。
@juveilbatalla2287
@juveilbatalla2287 3 года назад
doesn't work on me the last one, tho 2 overrides it didn't work
@ricard458
@ricard458 3 года назад
How can we add a drag effect to this?
@omartalbi8183
@omartalbi8183 3 года назад
Bro how can i add items in Home page it refuse to display anything except the text "HomePage" please answer me
@iqbalhsn20
@iqbalhsn20 4 года назад
Please make a Webview app with Navigation. Thank you.
@dariobassocardoso6839
@dariobassocardoso6839 4 года назад
════════ Exception caught by rendering library ═════════════════════════════════════════════════════ The following assertion was thrown during performLayout(): Leading widget consumes entire tile width. Please use a sized widget. 'package:flutter/src/material/list_tile.dart': Failed assertion: line 1351 pos 7: 'tileWidth != leadingSize.width'
@Jordanvzyl
@Jordanvzyl 4 года назад
It's a hot reload issue - ran into the same problem. Close the app and restart it on the emulator and the error should disappear
@henrynanabeyinagyapong1548
@henrynanabeyinagyapong1548 2 года назад
Had some errors with the routing...Cannot navigate to other pages when tapped. It displays errors. Any help pls ?
@techieblossom
@techieblossom 2 года назад
What's the error? Are you using my GitHub code?
@henrynanabeyinagyapong1548
@henrynanabeyinagyapong1548 2 года назад
@@techieblossom No I followed the video tutorial
@henrynanabeyinagyapong1548
@henrynanabeyinagyapong1548 2 года назад
@@techieblossom The one on your Github, if you download, it doesn't run. Full of errors.
@techieblossom
@techieblossom 2 года назад
Match the flutter versions that I used If you run much latest flutter versions than what I used, code might break. If you are learning the concept, I don't think you need to copy full GitHub repo.
@0xAdiyat
@0xAdiyat 4 года назад
Could you please make a tutorial on it using Java on Android Studio? It will be really great for me...☺
@techieblossom
@techieblossom 4 года назад
Jetpack compose or XML?
@0xAdiyat
@0xAdiyat 4 года назад
@@techieblossom XML
@0xAdiyat
@0xAdiyat 4 года назад
@@techieblossom and thanks for replying
@0xAdiyat
@0xAdiyat 4 года назад
​@@techieblossom Actually I do android app development and for that I use Java. But your design attracted me most because of that curved sidebar but you had shown the process using flutter. For that, I could not follow your tutorial😢. And I tried by myself but I did not avail to do that as I am a mid-range developer or you can say a beginner on this sector. So, would you please make a tutorial on it using java in android studio, please please please🥺🥺🥺
@0xAdiyat
@0xAdiyat 4 года назад
@@techieblossom And I am also sure that you will get a huge response if you are able to do that using java. As I could not find any tutorial on it yet. So, you might be the first one to do that😊😊😊
@sireenibnukabeeer4613
@sireenibnukabeeer4613 Год назад
How will I make this sidebar scrollable, I'm calling the Sidebar widget from custom scroll view.
@techieblossom
@techieblossom Год назад
Can you share code and desired output?
@dariobassocardoso6839
@dariobassocardoso6839 4 года назад
hi, how i force return to homepage when i am in loginpage for sample?
@adeelanjum7943
@adeelanjum7943 2 года назад
Why BLoC constructor must have a super declared?
@techieblossom
@techieblossom 2 года назад
That is required y library.
@gocrossos
@gocrossos 10 месяцев назад
please can u help me to flip custom menu clipper to support arabic language ?
@isalbedo3031
@isalbedo3031 Год назад
can someone help me i get an error here. create: (context) => NavigationBloc(), inside the parentheses.
@techieblossom
@techieblossom Год назад
Can you put error as well?
@natnaelmulugeta101
@natnaelmulugeta101 4 года назад
Great tutorial,just one question what if i want a default bottom navigation that vill not navigate with pages
@techieblossom
@techieblossom 4 года назад
Add bottom bar in sidebarlayout.dart. But not in the BlocBuilder, add it some where out of Stack.
@natnaelmulugeta101
@natnaelmulugeta101 4 года назад
@@techieblossom thank you very much!
@niroopnife9044
@niroopnife9044 4 года назад
@@techieblossom can i get to know how to initialize out of stack? As in like should i need write within the body or like that?
@nurulizzatisuhaimi2852
@nurulizzatisuhaimi2852 4 года назад
hi sir, i use windows os to develop my project, is it okay if i follow this tutorial step by step with windows? Or i still need to use macos?
@techieblossom
@techieblossom 4 года назад
It is ok. You can follow this and create in windows.
@nurulizzatisuhaimi2852
@nurulizzatisuhaimi2852 4 года назад
Techie Blossom thank you so much sir! Have a nice day
@thirumalaic7630
@thirumalaic7630 Год назад
Hai I got non-nullable instance field must be initialized
@techieblossom
@techieblossom Год назад
Here is a complete guide to migrate to null safety. Because I wrote code before null safety was introduced. medium.com/dkatalis/migrate-to-null-safety-in-flutter-33c51ee2a387
@geofaniweni9845
@geofaniweni9845 Год назад
hi sir sorry i got error in when i write isSideBarOpenedAsync.data in video minutes 26.00 how to fix this error, please help me. thank you.
@techieblossom
@techieblossom Год назад
Which error? I guess you will have to cast it to snapshot and then get data out of it
@criszv5236
@criszv5236 4 года назад
PLEASE HELP ME! I have this error "The method PublishSubject isn't defined for the class _SideBarState' and I can't use the library rxdart.dart, I wrote it as you and it says URL not found
@techieblossom
@techieblossom 4 года назад
Check my pubspec.yaml with yours
@abubakarshahzad40
@abubakarshahzad40 4 года назад
At 46:36 how you removed the error "NoSuchMethodError" The following NoSuchMethodError was thrown building StreamBuilder(dirty, state: StreamBuilderBaseState Please tell
@techieblossom
@techieblossom 4 года назад
At 46:36, I could not find error. Please give correct timestamp
@abubakarshahzad40
@abubakarshahzad40 4 года назад
@@techieblossom sorry 18:53 There you hot restart the application
@techieblossom
@techieblossom 4 года назад
Just hot reloaded. Why? Because, I added initState method and animation controller. App required complete app restart because something with the state was changed.
@nagrajankola1323
@nagrajankola1323 4 года назад
I need help!!! I used the same code and designed the ui for home page but its showing the error The type 'Stream' implied by the 'yield' expression must be assignable to 'Stream'. any idea how to solve?
@techieblossom
@techieblossom 4 года назад
Homepage extends NavigationStates?
@adeelanjum7943
@adeelanjum7943 2 года назад
changes not working
@MohamadHassanFadiHijab
@MohamadHassanFadiHijab Год назад
Thank you for this video, very helpful. However, I am having issue regarding the emit: Bad state: add(NavigationEvents) was called without a registered event handler. Make sure to register a handler via on((event, emit) {...}) I know that the issue is in navigator bloc class. But I am trying to edit it using on.. but not working. Can you please help in this matter? What should be changed exactly? Thank you.
@techieblossom
@techieblossom Год назад
Have you not handled the event in bloc? What’s there in the on function?
@MohamadHassanFadiHijab
@MohamadHassanFadiHijab Год назад
@@techieblossom it was: Stream mapEventToState(NavigationEvents event) async*{ switch(event){ case NavigationEvents.HomePageClick:yield MyHomePage(); break; case NavigationEvents.FirstPageClick:yield FirstPage(); break; case NavigationEvents.SecondPageClick:yield SecondPage(); break; }} now I am trying to switch it to on function where I removed the above function and trying to replace it by: on((emit, event) => emit(HomePage())); Any help? Or if you can edit the code to suits the new version? Thank you
@techieblossom
@techieblossom Год назад
If you can share code then I can try
Далее
Smart Home - Living Room | Flutter UI
55:26
Просмотров 13 тыс.
How Strong is Tin Foil? 💪
00:26
Просмотров 48 млн
Collapsible Sidebar and Navigation Drawer | Flutter UI
39:21
Oflutter: Create a Sidebar Menu in Flutter 2021
8:45
Top 12 Flutter Tips & Tricks
9:32
Просмотров 268 тыс.
Flutter UI from scratch | Hidden Drawer | Pet UI Part 1
27:34
Design flutter UI with DRY Technique
41:06
Просмотров 74 тыс.
Sidebar Menu & Dashboard | Flutter SDK
36:45
Просмотров 326 тыс.
Complex Animations in Flutter using Rive | Flare
15:44
Просмотров 225 тыс.