HeyFlutter com
HeyFlutter com
  • 762
  • 18 559 934
Expense Tracker App ‱ Flutter & BLoC Tutorial for Beginners
If you are tired of spaghetti code in your Flutter projects, this is for you!
This comprehensive Flutter tutorial dives into Bloc, a powerful state management solution that helps you organise your app's logic and data flow for a cleaner, more maintainable codebase.
What you'll learn:
- The core concepts of the Bloc pattern (Events, States, Blocs)
- How to create a Bloc or Cubit for your app
- Implement Bloc in a practical Expense tracker application
- Learn best practices for using Bloc in your Flutter projects
and more.
By the end of this tutorial, you'll be equipped to confidently use Bloc to streamline your Flutter development and create scalable, well-structured applications.
Hit that subscribe button for more Flutter magic! ✹
Video Timeline
00:00 Intro
01:28 How Does Bloc Work?
02:29 What We Are Building
02:34 Project Setup
04:36 The Expense Model
05:46 The Category Model
06:02 The Data Layer: Local Data Storage
10:57 The Repository Layer: Expense Repository
11:43 Initialization & Entry Point
12:52 The Expense Form Bloc
16:43 The Expense Form
22:07 The Expense List Bloc
25:40 The Expense List
28:40 Updating an Expense
32:10 Filtering the Expenses
34:34 Conclusion
Also Checkout :
👉 Join 12-Week Flutter Training: heyflutter.com
👉 Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: www.whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f
👉 Source Code: github.com/HeyFlutter-Public/flutter_expense_tracker_bloc
zhlédnutí: 2 481

Video

Cross-Platform vs Native: What's Best for Your App in 2024?
zhlĂ©dnutĂ­ 2,6KPƙed 21 dnem
Let's learn the key differences between native vs cross-platform development to help you make an informed decision for your next app idea. We'll compare costs, speed, and performance to help you make a smart choice. Whether you're a beginner or pro developer, this video has insights for everyone. Don't miss out on tips that could save you time and money! TIMELINE 00:00 Introduction 00:42 What i...
Create Instagram-Style Camera Filters in Flutter: Easy AR Guide
zhlĂ©dnutĂ­ 2,8KPƙed měsĂ­cem
In this tutorial, we'll explore how to effortlessly integrate AR functionality into your Flutter app using DeepAR. Learn to implement Instagram/Snapchat like filters with a step-by-step guide, from setting up your project to finalizing the UI. Timeline [00:00] Intro [00:20] Setting Up the Project [01:01] Downloading and Integrating Assets [01:35] Configuring Dependencies and Permissions [01:48]...
OneSignal Notifications in Flutter Made Easy | Step-by-Step Tutorial
zhlĂ©dnutĂ­ 10KPƙed měsĂ­cem
Welcome to our exciting Flutter tutorial on implementing OneSignal push notifications in your Flutter app! Get ready to elevate your app's user engagement to the next level. In this comprehensive and interactive guide, we'll walk you through the process step by step, ensuring you can integrate OneSignal notifications seamlessly into your Flutter project. Also Checkout : 👉 Join 12-Week Flutter T...
Ever thought why We fail as Flutter Developer?
zhlĂ©dnutĂ­ 8KPƙed 2 měsĂ­ci
Are you Tired of Flutter app crashes that feel worse than a Monday morning debug session? This video discusses the top 11 mistakes that can make or break your success as a Flutter developer. In this video, You'll learn the top 11 mistakes to dodge, including: 👉 Lack of Dart fundamentals 👉 State management struggles ‍ 👉 Starting with complex projects and more! By the end, you'll be equipped with...
How to Build Zoom Video Calling App in Flutter | ZegoCloud (Full Tutorial)
zhlĂ©dnutĂ­ 2,9KPƙed 2 měsĂ­ci
Follow this step-by-step tutorial to create a high-quality video calling app using Flutter and Zego Cloud. Perfect for both beginners and experienced developers, this tutorial covers everything from integrating Zego Cloud SDK to customizing your app's interface. Enhance your app development skills and build a seamless video chat application with ease! 👉 Check out the Source Code: shorturl.at/EK...
Accepting Payments in Flutter Using Stripe | The Right Way
zhlĂ©dnutĂ­ 7KPƙed 3 měsĂ­ci
Learn How to Integrate Stripe with Flutter! 💳 In this comprehensive tutorial, I walk you through the seamless process of integrating Stripe, the leading payment gateway, with Flutter - the powerful framework for building cross-platform apps. Watch now and unlock the potential of monetizing your apps with ease. 👉 12 Week Flutter Training | heyflutter.com 👉 Develop your App with us | heyflutter.c...
Flutter Tutorial - SQL Database Storage Using Sqflite Package | Android & iOS
zhlĂ©dnutĂ­ 5KPƙed 3 měsĂ­ci
Persist data with Flutter's Sqflite Package locally on your Android or iOS device by using Sqflite statements and also perform Sqflite CRUD Operations Create, Read, Update, and Delete. 👉 Link to the Package: pub.dev/packages/sqflite 👉 12 Week Flutter Training | heyflutter.com 👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Top 5 Flutter Widgets - You Can't Miss!
zhlĂ©dnutĂ­ 5KPƙed 3 měsĂ­ci
Are you Ready to skyrocket your Flutter skills? Here are the TOP 5 must-have widgets every Flutter developer should master đŸ”„ ! Here's the list of Widgets covered in this video: 00:00 ListView 02:57 FutureBuilder 04:33 AnimatedBuilder 06:39 GridView 09:29 PageView
Flutter Google Maps: Markers, Polylines, & Live Location Tracking
zhlĂ©dnutĂ­ 21KPƙed 4 měsĂ­ci
Flutter Google Maps: Markers, Polylines, & Live Location Tracking
Building a Responsive Dashboard UI App with Flutter | Step-by-Step Tutorial
zhlĂ©dnutĂ­ 27KPƙed 4 měsĂ­ci
Building a Responsive Dashboard UI App with Flutter | Step-by-Step Tutorial
Flutter Riverpod State Management
zhlĂ©dnutĂ­ 11KPƙed 5 měsĂ­ci
Flutter Riverpod State Management
Flutter Roadmap 2024 | Become a Flutter Developer! (step-by-step guide)
zhlĂ©dnutĂ­ 62KPƙed 6 měsĂ­ci
Flutter Roadmap 2024 | Become a Flutter Developer! (step-by-step guide)
Code Push for Android & iOS | Flutter Shorebird
zhlĂ©dnutĂ­ 15KPƙed 6 měsĂ­ci
Code Push for Android & iOS | Flutter Shorebird
Why #Flutter uses Dart?
zhlĂ©dnutĂ­ 13KPƙed 6 měsĂ­ci
Why #Flutter uses Dart?
Flutter Tutorial - How to Publish Flutter App on App Store [2024] Build, Release & Deploy App
zhlĂ©dnutĂ­ 39KPƙed 6 měsĂ­ci
Flutter Tutorial - How to Publish Flutter App on App Store [2024] Build, Release & Deploy App
Flutter Clean Architecture
zhlĂ©dnutĂ­ 24KPƙed 7 měsĂ­ci
Flutter Clean Architecture
5 Dart concepts to know before you jump into Flutter
zhlĂ©dnutĂ­ 7KPƙed 7 měsĂ­ci
5 Dart concepts to know before you jump into Flutter
Let's Build Flappy Bird Game in Flutter & Flame - Complete Tutorial
zhlĂ©dnutĂ­ 76KPƙed 7 měsĂ­ci
Let's Build Flappy Bird Game in Flutter & Flame - Complete Tutorial
What is an API?
zhlĂ©dnutĂ­ 37KPƙed 8 měsĂ­ci
What is an API?
Flutter in 90 seconds
zhlĂ©dnutĂ­ 46KPƙed 8 měsĂ­ci
Flutter in 90 seconds
Naming Things in Flutter Code
zhlĂ©dnutĂ­ 4,8KPƙed 8 měsĂ­ci
Naming Things in Flutter Code
What's happening with #Flutter?
zhlĂ©dnutĂ­ 68KPƙed 8 měsĂ­ci
What's happening with #Flutter?
Top 5 Design Patterns
zhlĂ©dnutĂ­ 13KPƙed 8 měsĂ­ci
Top 5 Design Patterns
Flutter Course: Firebase Chat App
zhlĂ©dnutĂ­ 24KPƙed 10 měsĂ­ci
Flutter Course: Firebase Chat App
Top 10 Flutter Tips and Tricks | That Will Change Your Life
zhlĂ©dnutĂ­ 78KPƙed 10 měsĂ­ci
Top 10 Flutter Tips and Tricks | That Will Change Your Life
FASTEST Way to Learn Flutter and ACTUALLY Get a Job
zhlĂ©dnutĂ­ 19KPƙed 11 měsĂ­ci
FASTEST Way to Learn Flutter and ACTUALLY Get a Job
Flutter Complete E-Commerce App | Flutter UI
zhlĂ©dnutĂ­ 29KPƙed 11 měsĂ­ci
Flutter Complete E-Commerce App | Flutter UI
FREE 2 HOURS Write Clean Flutter Code Course.
zhlĂ©dnutĂ­ 28KPƙed rokem
FREE 2 HOURS Write Clean Flutter Code Course.
Flutter Code Generation with Freezed - Data Classes & Unions/Sealed Classes
zhlĂ©dnutĂ­ 10KPƙed rokem
Flutter Code Generation with Freezed - Data Classes & Unions/Sealed Classes

Komentáƙe

  • @mohamedebrahim3090
    @mohamedebrahim3090 Pƙed 15 hodinami

    great video and awesome clarification but there was no need to use the map Map<PolylineId, Polyline> polylines = {}; you could just make a set and give it to the google map directly this step made me so frustrated why did he did that

  • @TheAbhidugar
    @TheAbhidugar Pƙed 17 hodinami

    Thanks for the video. But I want to say that there is a lot of beginner stuff already everywhere. We need to learn advanced techniques using BLOC. Please make a video on that.

  • @rusenot
    @rusenot Pƙed 18 hodinami

    What if ConnectionState is none on the start of the app?

  • @h3w45
    @h3w45 Pƙed 18 hodinami

    Bloc is the best

  • @mistermultimedia4385
    @mistermultimedia4385 Pƙed dnem

    thanks to video.. i have no idea in problem : i have 3 page. fist page is listview with users1.length, 2nd page is listview with users2.length, and page 3 display summary of number users1.length + users2.length.. i cannot do in page 3.. page1 n page 2 is succed. please help me..

  • @luisdelo97
    @luisdelo97 Pƙed dnem

    i tried to use the FlutterSoundPlayer from flutter_sound but doesnt work properly when using with the Slider widget, thats why you use audioplayers package??

  • @AyeshaHameed-e1d
    @AyeshaHameed-e1d Pƙed dnem

    can you do next video on stripe cardfirldform method. this is the easy aproach .i want to implement medium aproach on flutter stripe package docs

  • @uspatihstudio
    @uspatihstudio Pƙed dnem

    can u make a notification page user can see and read all push notifi message and can delet ?

  • @pro.rodrigoh
    @pro.rodrigoh Pƙed dnem

    The problem with this video is that you are showing the end product and navigating through it. Your code doesn't reflect the state the product is. I found this happening twice, but the most prominent case was in the Scheduled, where in the code you show is one thing, the UI reflect another thing that your git code reflects it. Anyone that doesn't know flutter will stop and spend a while trying to fix it and that is why it is better to code and show the rendering while coding. Another point that I don't understand is the use of InkWell to wrap widgets that already have the touch interaction functions built-in. Use them straight instead and you have a more consistent application. Cheers.

  • @AmeeTAuJLa
    @AmeeTAuJLa Pƙed dnem

    đŸ„°đŸ„°

  • @superlord881
    @superlord881 Pƙed dnem

    after running my app on my iOS and when I disconnect the wire then its shows an error: in ios14+, debug mode flutter apps can only be launched from flutter tooling, IDEs with flutter plugins or from Xcode. Alternatively, build in profile or release modes to enable launching from the Home Screen.

  • @HeyFlutter
    @HeyFlutter Pƙed 2 dny

    👉 Check out the Source Code: github.com/HeyFlutter-Public/flutter_expense_tracker_bloc 👉 Join 12-Week Flutter Training: heyflutter.com 👉 Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: www.whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f

  • @manishgautam2424
    @manishgautam2424 Pƙed 2 dny

    need more full projects with clean arch. solid and best folder structure , also make sure you use best practice and use most used package or even you can avoid packages like Simon do

  • @tristankluivert197
    @tristankluivert197 Pƙed 2 dny

    First

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank you, @tristankluivert197! 🙂

  • @SwainAshirbad
    @SwainAshirbad Pƙed 2 dny

    Thanks Bhai 😊

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      You are welcome, @SwainAshirbad!

  • @quochoangang6014
    @quochoangang6014 Pƙed 2 dny

    My app work fine on emulator but when I build apk on mobile. Notification doesn't have "Restored" and "Miscellaneous" permission. How to fix???

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank You @quochoangang6014! Follow this link: developer.android.com/studio/releases/emulator I hope you will get your answer 🙂

  • @ShoaibFayyaz-m4v
    @ShoaibFayyaz-m4v Pƙed 3 dny

    simple and niceeeee

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank you, @ShoaibFayyaz-m4v! 🙂

  • @olaaelfatihsalihezat5808

    Great video, when the app closed , the app does not open when i click on notification.

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank You @olaaelfatihsalihezat5808! Follow this link: github.com/OneSignal/OneSignal-Flutter-SDK/issues/488 I hope you will get your answer 🙂

  • @user-ms4ru7vg7o
    @user-ms4ru7vg7o Pƙed 3 dny

    please!! Help!! why google cloud and my app have a life of their own??? when sending the ClientId with the application - it gives an error, when changing the google cloud settings (changing the application name or sha1 key or anything else) nothing changes, requests to google are then sent, the icon for the modal window, which is installed in the google console in section The OAuth consent screen does not use...

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank you, @user-ms4ru7vg7o! 🙂. Please try to provide enough details with your question.

  • @KaranPalav
    @KaranPalav Pƙed 3 dny

    But how to make it automotic dont want to manually send from the one signal is it possible?

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank You @KaranPalav! Follow this link: stackoverflow.com/questions/75662347/recurring-notifications-onesignal-api-flutter I hope you will get your answer 🙂

  • @satuteknologi1961
    @satuteknologi1961 Pƙed 3 dny

    i wil use it on my app ...just for fun

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Great, Thank you @satuteknologi1961!

  • @abdelrahmanoraby-gm5cy

    why you make GoogleSignInProvider in a provider ?? .... i can make it just a method in file >> FirebaseAuthServices

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank you, @abdelrahmanoraby-gm5cy! 🙂. To manage state efficiently.

  • @Neil_09
    @Neil_09 Pƙed 4 dny

    I used to follow your channel for Flutter tutorials, but now it seems chaotic and lacks organization. There are no playlists, and I can't find your videos. Did you sell the channel?

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank you, @Neil_09! 🙂. 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 channel? Your suggestion will be highly appreciated.

  • @MrPunyakugede
    @MrPunyakugede Pƙed 4 dny

    dammmmm

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank you, @MrPunyakugede! 🙂

  • @3bood_357
    @3bood_357 Pƙed 4 dny

    how can I hide the widget for 1 sec then show it again automatically

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank You @3bood_357! Follow this link: stackoverflow.com/questions/60798709/easy-way-to-hide-a-widget-after-some-duration-in-flutter I hope you will get your answer 🙂

    • @3bood_357
      @3bood_357 Pƙed dnem

      @@HeyFlutter thanks for your help

  • @taoapps5637
    @taoapps5637 Pƙed 4 dny

    Thank you

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      You are welcome, @taoapps5637!

  • @malluvocalist1416
    @malluvocalist1416 Pƙed 5 dny

    is there is any possible way to get location even if the app is in the background or phone screen is locked using geolocator package can you give me any solution please

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank You @malluvocalist1416! Follow this link: github.com/Baseflow/flutter-geolocator/issues/372 I hope you will get your answer 🙂

    • @malluvocalist1416
      @malluvocalist1416 Pƙed dnem

      @@HeyFlutter it wont work we need to use flutter background service package so even if the app app is terminated it will work finally i found the solution and works fine

  • @DevProjectsJohannes
    @DevProjectsJohannes Pƙed 5 dny

    Thanks a lot for this tutorial. So i am getting this error "E/flutter (12342): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: PlatformException(java.lang.Exception: Failed to load FirebaseOptions from resource. Check that you have defined values.xml correctly., Exception, Cause: null, Stacktrace: java.lang.Exception: Failed to load FirebaseOptions from resource. Check that you have defined values.xml correctly. E/flutter (12342): at io.flutter.plugins.firebase.core.FlutterFirebaseCorePlugin.lambda$optionsFromResource$4$io-flutter-plugins-firebase-core-FlutterFirebaseCorePlugin(FlutterFirebaseCorePlugin.java:207)" if i run the my app like in the video at 5:12. What can i do to fix this?

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank You @DevProjectsJohannes! Follow this link: stackoverflow.com/questions/78162641/flutter-firebase-initialization-problem-for-android I hope you will get your answer 🙂

  • @user-xj5fg5qy3l
    @user-xj5fg5qy3l Pƙed 5 dny

    push Notifications with Countdown timer like an offer activates until its end in notification. . it is possible or not

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank You @user-xj5fg5qy3l! Follow this link: www.flutteruidev.tech/tutorials I hope you will get your answer 🙂

  • @Nobisuke
    @Nobisuke Pƙed 5 dny

    how can i disabled button when signature is empty then enabled again after drawing?

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank You @Nobisuke! Follow this link: stackoverflow.com/questions/52468987/how-to-turn-disabled-button-into-enabled-button-depending-on-conditions I hope you will get your answer 🙂

  • @thushankalana4940
    @thushankalana4940 Pƙed 6 dny

    I cant load images from https get request in flutter đŸ„Č Why is that?

    • @HeyFlutter
      @HeyFlutter Pƙed dnem

      Thank you, @thushankalana4940! 🙂. Please try to provide enough details with your question.

    • @thushankalana4940
      @thushankalana4940 Pƙed dnem

      @@HeyFlutter Sir, I can access http images but I cant access https images. ════════ exception caught by image resource service ════════════════════════════ handshake error in client (os error: certificate_verify_failed: hostname mismatch(handshake.cc:393))

  • @farhan8834
    @farhan8834 Pƙed 6 dny

    Dude its the fastest and easiest way to do, Thanks a lot! I have also watched your other tutorials of flutter and despite the fact that the accent is a little harder to understand i understood everything. Keep going, DONT STOP!!

    • @HeyFlutter
      @HeyFlutter Pƙed 6 dny

      Glad you liked it, @farhan8834 😀

  • @HelloNU1708
    @HelloNU1708 Pƙed 6 dny

    Loved this tutorial🙌 How can we see the ETA?

    • @HeyFlutter
      @HeyFlutter Pƙed 6 dny

      Thanks for the idea, @HelloNU1708! 🙂 I have added it to my list of ideas for future videos!

  • @h3w45
    @h3w45 Pƙed 7 dny

    Amazing

  • @mistermultimedia4385
    @mistermultimedia4385 Pƙed 7 dny

    buildTag("Epic") and CastAndCrewWidget(casts: popularItems[0].cast!) still red in epic and popularItems is not working, although in //background images is working. i've write List<MovieModel> popularItems = List.of(popularImages); but its not working :(

    • @mistermatematika1380
      @mistermatematika1380 Pƙed 7 dny

      and i cannot get acces to source code.. some eror ocured. please try again later :(

  • @funnymoment9164
    @funnymoment9164 Pƙed 8 dny

    Thanks!

    • @HeyFlutter
      @HeyFlutter Pƙed 6 dny

      You are welcome, @funnymoment9164 😊

  • @AbijithB-ne1ln
    @AbijithB-ne1ln Pƙed 8 dny

    Bro, Please Clarify my doubts By default serverpod make id as a primary key, and only id can connect with other table (foreign key) 1) how to refer my custom field as a primary key, my custom field datatype is string. 2) how to make relation between other tables with my custom field Over all doubt is working with private key & foreign key in serverpod, not only using int.

    • @HeyFlutter
      @HeyFlutter Pƙed 6 dny

      Hey @AbijithB-ne1ln 😀 please check out this video: czcams.com/video/1K7j5D2KWjw/video.html I hope it'll help you.

    • @AbijithB-ne1ln
      @AbijithB-ne1ln Pƙed 5 dny

      ​@@HeyFlutter That's a Very helpful video but not the solution i want.

  • @appleverdevops
    @appleverdevops Pƙed 8 dny

    Thanks for the video. One question: Typically, how long it takes for Apple to review our app and get back to us?

  • @SamiKhan-yq4nh
    @SamiKhan-yq4nh Pƙed 8 dny

    flutter: Init Error: GSheetsException: Invalid requests[0].addSheet: A sheet with the name "Users" already exists. Please enter another name.

    • @HeyFlutter
      @HeyFlutter Pƙed 6 dny

      Thank you @SamiKhan-yq4nh, make sure to follow the tutorial step by step 🙂

  • @cromuelbarut9859
    @cromuelbarut9859 Pƙed 8 dny

    awesome package

    • @HeyFlutter
      @HeyFlutter Pƙed 6 dny

      Glad you liked it, @cromuelbarut9859 😀

  • @MrPunyakugede
    @MrPunyakugede Pƙed 8 dny

    fuck no source

  • @Rade34
    @Rade34 Pƙed 8 dny

    On web path is unavailable and accessing it causes exception.

    • @HeyFlutter
      @HeyFlutter Pƙed 6 dny

      Thank you @Rade34, make sure to follow the tutorial step by step 🙂

  • @miserablecount
    @miserablecount Pƙed 8 dny

    Hey the request access to the source code is not working

    • @HeyFlutter
      @HeyFlutter Pƙed 6 dny

      Hey @miserablecount 😀 you need to subscribe on github to access code.

  • @danielcorreia1
    @danielcorreia1 Pƙed 9 dny

    Obrigado, meu amigo indiano

  • @programadormelhor
    @programadormelhor Pƙed 9 dny

    This video about Flutter is amazing! If you want to learn more, check out my channel where I show how to make apps with a database using Flutter. Help me out and click to follow my channel about web programming and Flutter!

    • @HeyFlutter
      @HeyFlutter Pƙed 8 dny

      Thank you, @programadormelhor! 🙂