(1.2) Coding the New Flutter Counter App - Dynamic Light/Dark Theme, Flare Animation, Responsiveness

Опубликовано: 09 Май 2026
на канале: Flutterly
19,194
784

Hi there!

Here's the github repository where you can clone all the source code:
https://github.com/TheWCKD/blocFromHe...

Here's the github repository from where you can download my default startup project: https://github.com/TheWCKD/BlocArchit...

I get my colors from --- https://colorsinspo.com/
Old Flare website --- https://flare.rive.app/

In this long tutorial I'll show you how to implement the redesigned counter app we discussed in the previous video. We'll implement amazing features like dynamically changing light/dark theme, flare animations, live background, responsiveness and many many more.

All animations were done in VideoScribe, you can try it by clicking my affiliate link --- https://www.awin1.com/cread.php?awinm...

You can contact me directly here:

Join my Discord Server ---   / discord  
Twitter ---   / letsgetwckd  
Instagram ---   / letsgetwckd  

Also, if you want to support me furthermore you can become an YouTube Member, donate or buy my courses on Udemy, using the following links:

Become an Official YouTube Member! ----    / flutterly  
Buy my Udemy Courses! ---- https://www.udemy.com/user/tiberiu-po...
Support me on Revolut! ---- https://revolut.me/letsgetwckd
Buy me a Ko-fi! --- https://ko-fi.com/wckdyt
Donate me on Paypal! --- https://www.paypal.me/letsgetwckd
Support me on Patreon! ---   / wckdyt  

Captions:
0:00 - Intro
0:40 - StartUp Project
1:19 - Routes
5:25 - Light/Dark Themes
11:00 - ThemeCubit
19:00 - Animated Background
22:19 - Dart Extensions
24:05 - Modularisation
25:40 - CounterSlider
27:40 - Flare Animations
31:10 - CounterCubit
34:30 - Animating the CounterValue
36:40 - Responsiveness