Creating an Animated Sidebar Menu in Flutter with Rive - Episode 5 

FlutterShop - Premium shop UI kit Source Code👉 cutt.ly/rFOscFo

The best ever Flutter channel on youtube

thank you dear. It has been an incredible adventure, I think rive animations should be in all applications!

The page change video should be Episode 6. We need this very much. Anyone who watches the first 5 videos can get hooked on it. Thanks for your quality content. 🙏

Flutter is the G.O.A.T.

I customized my own screen but used some of your ideas. Really cool videos.

I want to know how I can make each menu button go to a different page, because as I see in the video if I add something to the press it will be like this for all the buttons

Where do I click to like more than once? Terrific! Tks for sharing!

Wow the ui looks really good, I'll try this one

please guide me how can i perform onpressed function on these side menus to go to new screen.......

where to get these rive components

And now need Episode 6 with switch pages, routing 😅

It's just amazing man.

Fantastic, very professional, thank you so much

Amaaaaaazing

Good Job

im really happy to find you :) thank you for great and high quality content and project ... we waiting for more Episode of this curse

Amazing job, thanks for all!

termine estos cursos completo, muy bueno aprendí cosas que no sabia de flutter

How we are find a ArtboardName And Load file means a load a rive assets?

Enjoyed buddy❤

Nice video mate! Could someone help me explaining how to visualize the colors in that way when you are write 'Colors.' in VS Code? I can´t see that previsualization that eases the choice.

Amazing, Good Job!

Thanks! Super animations!!

Wow!!! thats awesome!!!😍😍

How can I make it open from the right side?

nice work brother!

Very good! So nice design 👍

I just mad cuz i can’t give you more than 1 like Very nice job sir I hope that i can be like you someday ❤

Kya aap next episode me overflow ki pb ko solve karva sak te hai ?

Nice share

How would the navigation work for different pages?

Bhai tum dartz ke upar ek video banao. Jaha pe Either use hota hain and uske return me left and right return hota hain fold method use karke.

thank you brother.❤❤❤

What are the extensions your using

How to navigate from screen to screen with menu

Amazing

Thanks for sharing ❤️💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕

You are amazing

Better than CSS.

new subscriber!

awesome awesome

I can't use "RideUtils" , the code not found the property. What to need for using? Sorry for my english. I don't speak

Please how i can select colors in design❤

It's work tq ❤️❤️

Hello good ones, where can you put the pages to open them with the Sidebar? Even though I'm looking for it, I don't know how to integrate it. If someone knows, please help me. I'm new to this and I like the sidebar that this project has, but I don't know how to make it work so that it opens other pages. :(

Super !.

external static Never _throw(Object error, StackTrace stackTrace); why is this error showing after I try to include the animation part to the rive icons when I restart the app? also if i do the hot reload, the below error shows up: _CastError (Null check operator used on a null value) """ FOUND THE PROBLEM """" It is in the home icon, It is HOME_interactivity not HOME_Interactivity i is in lowercase, it took me 7 hours to figure that out

Hi, I really enjoyed the course, I would like to see episode 6. As a beginner, I have a question, how do I go to the next page when clicking? Thanks for the informative content

wow

at 12:55, I am getting an error Another exception was thrown: LateInitializationError: Field 'isMenuOpen' has not been initialized. this is my code I rive icon is different that's why my state machine name is different class UploadReceipt extends StatefulWidget { const UploadReceipt({super.key}); @override State createState() => _UploadReceiptState(); } class _UploadReceiptState extends State { late SMIBool isMenuOpen; @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.amber[50], body: Stack( children: [ Padding( padding: const EdgeInsets.only(top: 150.0), child: Text("Upload Receipt"), ), MenuBtn( riveOnInit: (artboard) { StateMachineController controller = RiveUtils.getRiveController( artboard, stateMachineName: "State Machine 1"); isMenuOpen = controller.findSMI("isOpen") as SMIBool; isMenuOpen.value = true; }, press: () { isMenuOpen.value = !isMenuOpen.value; }, ) ], )); } } class MenuBtn extends StatelessWidget { const MenuBtn({ Key? key, required this.press, required this.riveOnInit, }) : super(key: key); final VoidCallback press; final ValueChanged riveOnInit; @override Widget build(BuildContext context) { return SafeArea( child: GestureDetector( onTap: press, child: Container( margin: EdgeInsets.only(left: 16), height: 40, width: 40, decoration: BoxDecoration( color: Colors.white, shape: BoxShape.circle, boxShadow: [ BoxShadow( color: Colors.black12, offset: Offset(0, 3), blurRadius: 8) ]), child: RiveAnimation.asset( "assets/rive_assets/menu_button_1.riv", onInit: riveOnInit, ), ), ), ); } } import 'package:rive/rive.dart'; class RiveUtils { static StateMachineController getRiveController(Artboard artboard, {stateMachineName = "State Machine 1"}) { StateMachineController? controller = StateMachineController.fromArtboard(artboard, stateMachineName); artboard.addController(controller!); return controller; } }

Please,most of the flutter apps in RU-vid are not responsive. Is this responsive?

Awesome video! Anyone knows what vscode plugin is used to make the open-close parentheses be market as a tree?

There will be no hover in mobile app, so why that animation?

I am having an error of null check operator used on null value in rive_utils.dart file. anybody please help

Flutter Rive code How can I add text under submenu icons?

what extensions are you using on vscode?

how can i get a call back to update the screen to the selected index ?

what is this sound track?

please put rive file menu link

Please send me source code because it is not working

Hi, I'm trying to reproduce your code, but arrive at minute 7, or call you the "StateMachineController" in the "riveonInit" an error occurs which is as follows: ChromeProxyService: Failed to evaluate expression’FlutterErrorDetails’: InternalError: Expression evaluation in Async frames it’s not supported .No frame with the index 14. “ Can you help me the solve this problem ? By the way , I like the content you offer

to push pages from sidebar you can create navigatorobserver, connect it to your navigator and in sidebar write construction like this: customNavigatorObserver.navigator!.pushNamed('/someroute')

I have a different question. Song name?

cool

damn boy

Good video friend! I need help: How can I download .riv icons? You could make a video explaining it.

What is the music?

where is sixth episode ?

Can anybody please help me with the background music? Please?

source code link not working

This is for android or ios?

Yeee))

How does this look on the browser? Can you DM me?

where source code for this video

git?

Sir beginners ke full tutorial hindi me upload kare please 🙏

I need more icons can you give artboard names for me

How to add routing to the Rive icons, without routing the app looks boring ):

I was about to pay... If need to make a app, i already made a decision.

3:00

but why?

The Reasonable Sense able Google Developer Expert in Flutter - Dart

anyone with the code to help me please .

This isn’t real in a app. 😂 can you make some page and push?

المصمم عربي ؟

please Password send me

video is so fast to learn otherwise its good

Why are u using custom code? Using the Flutter package is quite easy

Exception has occurred. _CastError (Null check operator used on a null value) this error occoured on 6:52 import 'package:rive/rive.dart'; class RiveUtils { static StateMachineController getRiveController(Artboard artboard, {stateMachineName = "State Machine 1"}) { StateMachineController? controller = StateMachineController.fromArtboard(artboard, stateMachineName); artboard.addController(controller!); return controller; } }

Welcome to my pages 🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰

RiveUtils.getRiveController not woking for me, i check flutter rive don't function