No video :(

Animated Bottom Navigation Bar in Flutter with Rive - Episode 4

Подписаться 228 тыс.

Просмотров 94 тыс.

50% 1

🎬 Episode 1: • Build an Animated App ...
🎬 Episode 2: • Build an Animated App ...
🎬 Episode 3: • Build an Animated App ...
In this tutorial, we will show you how to use the powerful combination of Flutter and Rive to create stunning, animated icons for your mobile app.
✅ Episode 3 code: cutt.ly/U2LAWzg
🔥 Source Code: cutt.ly/b14ZAuh
►For the 3D intro, I'm using Rotato: bit.ly/3heGagj
►Support Us: / theflutterway
► Social Media
GitHub: github.com/abu...
Twitter: / theflutterway
Twitter: / abuanwar072 (my personal profile)
Facebook: / theflutterway
► Timestamps
0:00 Intro
Thanks for watching!
Make sure to like + Subscribe For More!

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

25 авг 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 63

@aliounesakho8582 Год назад

That opacity widget on the bottom navigation bar too😍😍

@TheFlutterWay Год назад

Glad you like it!

@souhailmarghabi4113 Год назад

would love to have a tutorial on handling navigation through the bottom bar like this and managing the state of the navigation stack when pushing and piping from tabs

@TheFlutterWay Год назад

Noted!

@souhailmarghabi4113 Год назад

@@TheFlutterWay 🙏🏽

@mikopiko Год назад

You're really proving that nothing is impossible to design with Flutter, it's incredible! I didn't know about the extendBody and resizeToAvoidBottomInset property, that's something I noted.

@TheFlutterWay Год назад

Thanks for watching!

@ndrukz 9 месяцев назад

Can you share the extension you use on vscode? especially for flutter? i tried to search the connecting horizontal lines between widget but cannot find it. Thank you in advance. Anyway, your work is fascinating. I am new to learn flutter but I learnt a lot from this video. Noted every constructor,widget,and method you use. 💯

@SalarAzad Год назад

very beautiful design

@TheFlutterWay Год назад

Thank you! Cheers!

@SyntaxLexx Год назад

I love the way you clean your code afterwards! So satisfying!

@TheFlutterWay Год назад

😊 thank you

@rrichforever Год назад

You always killing it... But can you slow it down for a bit, please. Most of us are down ass beginners. Humble request.

@TheFlutterWay Год назад

Thanks for the feedback, you may try with the Payback speed of 0.5 or 0.75.

@panospavlatos1732 Год назад

Amazing work there! All your episodes with rive are amazing! One question though.. do the rive controllers need statefull or they can be used with stateless widgets?

@a.alg0hary549 Год назад

Thanks alot i used this App Ui list in my app

@daumienebi Год назад

Can I try your app?

@xeno7828 Год назад

Cant wait for next video )))

@betulkanmaz8462 11 месяцев назад

i want to do this but bar's position must be the left of screen. how can i do that

@matthiasimegi8211 Год назад

This is so Dope

@TheFlutterWay Год назад

Thanks for watching💙

@saraprieto5120 Год назад

hola, cómo hago para que cuando pulse los íconos me lleven a diferentes pantallas? como si fuera un botón, gracias

@yadhusanil7077 Год назад

awesome bro

@TheFlutterWay Год назад

Thanks for watching!

@user-vi6xk1gi1c Год назад

hey when i spefify my page using the on tap on the navbar all the buttons naviagate to it how can i fix this i want just the last one navigate to my home page

@keithbacalso9433 Год назад

why did you use SMIBool instead of SMITrigger liek the previous?

@Roopam_Barman_CSE 6 месяцев назад

There's no rive animation download option, please help

@meharumair1127 Год назад

please tell me how to move screens when click on icons

@ahadjaved6148 Год назад

GestureDetector( onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => Profile())); },),

@AhmadHalloum Год назад

i have problem when add setState to onTap the animation not working what wrong please ??

@notme9432 Год назад

How to change the color of the river icon?

@TheFlutterWay Год назад

You can open those icons on rive and then you can change anything you want.

@linyusun2979 Год назад

Awesome! but the "rive_animation packge doesn't exist" blocked me alot. some one can help me to fix this?

@Coding_Beats Год назад

I have one problem I want to navigate the screen so I can't do that please help me🙏🙏🙏🙏

@MotivBhai Год назад

Please tell me I'm facing bottom overflow error. How to resolve it. Which widget i need to change with signle scroll bar

@nicoletti05 Год назад

I`ve got the same error. When I find the solucion I`ll be back.

@MotivBhai Год назад

@@nicoletti05 did you find it?

@hamzaghraoui1622 Год назад

does this bottom navigation bar has notch property???????????????????????????????

@user-qi4vm2dp2h Год назад

which IDE are u using plz

@josimarakpomudia193 Год назад

Exception has occurred. _CastError (Null check operator used on a null value) on this line: class RiveUtils { static StateMachineController getRiveController(Artboard artboard, {stateMachineName = "State Machine 1"}) { StateMachineController? controller = StateMachineController.fromArtboard(artboard, stateMachineName); artboard.addController(controller!); //Getting the error on this line, Please how do i solve this? return controller; } }

@revan6476 Год назад

The name of stateMachineName in the asset is not good, in the site rive they change the name, you have to check, for example for HOME, its not HOME_Interactivity but HOME_interactivity. It was hard to find out ^^

@goosebumps7178 Год назад

@@revan6476 thank you

@jenzjenz8039 Год назад

Menu( title: "Home", rive: RiveModel(src: "assets/RiveAssets/icons3.riv", artboard: "HOME", stateMachineName: "HOME_Interactivity"), ), why this not doesnt work?

@jenzjenz8039 Год назад

only HOME icons dosent work

@jenzjenz8039 Год назад

sidemar dose work, but buttom nav HOME icon dosen work..

@harshita854 11 месяцев назад

can resolve this

@muhammedsinan5820 Год назад

Please make video in android studio

@TheFlutterWay Год назад

Noted!

@yorqinyuldashev3544 Год назад

wow

@TheFlutterWay Год назад

Glad you like it.

@web_ASMR- Год назад

Literally I didn't understand one word means firstly video have music and speed of coding 😅. Where to write code , why and how I can't understand!!!

@TryCatchDev Год назад

Hello awesome people

@TheFlutterWay Год назад

Hi 👋

@smileandtravel Год назад

why i am getting controller null bro help me ..

@TheFlutterWay Год назад

You have to initial it on, on initState

@S-Lomar 9 месяцев назад

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

@AbdulrahmanJ Год назад

dont und:(

@toilathor Год назад

Like Telegram

@developeroptions6219 6 месяцев назад

Float8ng bottom nav is not good design from a dev point of view

@mohammedgamal7509 Год назад

Great 😍👌

@TheFlutterWay Год назад

Thank you! Cheers!

@lesedi44 Год назад

That line thing that tracks the indentation and new lines is so sick. Does anyone know how I can get that?🥲

@peterinvestor Год назад

it is a dart plugin I believe in VS code and when you will place comma or semicolon at the end of the statement and hit control + S it will use indentation correctly