We all hide our keys when building a Flutter app, but the real question is: how secure are they actually? Plus, what kind of keys are totally fine to use inside your app, and which ones should you absolutely avoid? In this video I try to answer those two question. ►For the 3D intro, I'm using Rotato: https://bit.ly/3heGagj ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro Thanks for watching! Make sure to like + Subscribe For More!

Shorebird brings over-the-air, or OTA, updates to Flutter apps, which means you can push any change straight to your live app without waiting for App Store or Play Store review. ►Lean more: https://shorebird.dev ►For the 3D intro, I'm using Rotato: https://bit.ly/3heGagj ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro 0:35 Setup 0:53 shorebird init Thanks for watching! Make sure to like + Subscribe For More!

In this video, I’ll show you how to build an animated dot indicator in Flutter, super simple and clean. You’ll often see this in splash screens, onboarding, or carousels. And guess what? No animation controller, no extra packages, just one AnimatedContainer. That’s it! ► Starting Code: https://flutterlibrary.com/screens/foodapp-onboarding-screen ► Source Code: https://cutt.ly/mtYxluW7 ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro Thanks for watching! Make sure to like + Subscribe For More!

Welcome to our new episode of the animated series! In this video, I’ll show you how easily you can create an animated indicator in Flutter, a feature commonly used in carousels or sliders within apps. 🔗 Source Code: https://cutt.ly/hr4Q5owB 🔴 Live demo: https://cutt.ly/lr4Q5nxN ►For the 3D intro, I'm using Rotato: https://bit.ly/3heGagj ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro Thanks for watching! Make sure to like + Subscribe For More!

► Source Code: https://github.com/abuanwar072/red_dot_splash_animation We created a red dot splash animation screen in Flutter. We didn’t use any complex animation packages or AnimationControllers, just simple implicitly animated widgets. The goal is to show how easily you can animate in Flutter with less code and lower complexity. ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro Thanks for watching! Make sure to like + Subscribe For More!

► Used: https://dreamflow.app ►FIgma Design: https://www.figma.com/design/xlUvf505z3DmxSnhVYd6aD/Chat-App-by-TheFlutterWay?node-id=0-1&t=pzMDicTrAk6mXNHj-1 ►For the 3D intro, I'm using Rotato: https://bit.ly/3heGagj ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro 0:43 UI Design 1:09 DreamFlow initial setup 1:33 Build Chat App 4:38 Fix the logo 5:12 Final Preview Thanks for watching! Make sure to like + Subscribe For More!

We just created a drag sheet animation in Flutter 🎉 At first, it looks like it would be super complicated, but honestly, it’s really easy using Flutter’s built-in animation widgets like AnimatedContainer and AnimatedPositioned. ► Starting Code: https://github.com/abuanwar072/drag_todo_animation/tree/starting ► Source Code: https://github.com/abuanwar072/drag_todo_animation ❤️ Animation Created By: Ethiel (@enthusiastDev) ►For the 3D intro, I'm using Rotato: https://bit.ly/3heGagj ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro Thanks for watching! Make sure to like + Subscribe For More!

I'm using: https://www.nowa.dev/ ►For the 3D intro, I'm using Rotato: https://bit.ly/3heGagj ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro Thanks for watching! Make sure to like + Subscribe For More!

In every project, we have some secret or important stuff, like API keys or credentials, that we don’t want others to access. These are very sensitive, and for security, we shouldn’t even publish them to Git. In this video, I’ll show you two ways to hide API keys or sensitive data in Flutter. The first approach uses --dart-define, which comes built-in with Flutter and is the recommended way. The second approach uses a .env file, which requires a package ►For the 3D intro, I'm using Rotato: https://bit.ly/3heGagj ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro 0:08 Method 1: --dart-define 0:22 Access the key 0:49 Get keys from JSON 1:22 VS Code setup to get the keys 1:56 From .env Thanks for watching! Make sure to like + Subscribe For More!

After trying for the last couple of days, I finally managed to create the Apple-style Liquid Glass effect! In this video, I’ll show you how to build this effect using a fragmented shader in Flutter — no external packages, just pure code. ► Starting Code: https://github.com/abuanwar072/liquid_glass/tree/starting ► Source Code: https://github.com/LucasXu0/liquid_glass (By Lucas Xu) Special thanks to Lucas Xu for sharing his Liquid Glass code that helped make this tutorial possible. Make sure to follow him on X (Twitter): https://x.com/1ucas_xu ►For the 3D intro, I'm using Rotato: https://bit.ly/3heGagj ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro Thanks for watching! Make sure to like + Subscribe For More!

In this video, I’ll show you how to create Frosted glass (or blur) effect in Flutter — no packages needed, just a few simple lines of code! ► Starting Code: https://github.com/abuanwar072/flutter-glass-effect/tree/starting ► Source Code: https://github.com/abuanwar072/flutter-glass-effect ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro Thanks for watching! Make sure to like + Subscribe For More!

In this Flutter tutorial, you’ll learn how to use Google Maps in Flutter with lot of customisation options. We’ll cover stuff like setting custom markers, drawing route direction polylines, and even building a live tracking app like Uber or Lyft. ► Starting code: https://www.patreon.com/posts/live-order-on-67926457 ► Source Code: https://www.patreon.com/posts/live-order-on-67856860 ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro 0:13 Project Setup 1:15 Add Google Map 1:51 Add Custom Markers 4:27 Route 7:40 Live location tracking Thanks for watching! Make sure to like + Subscribe For More!

► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro Thanks for watching! Make sure to like + Subscribe For More!

Flutter supports Mobile, Web, and Desktop platforms. When developing a Flutter app for Web or Desktop, it's important to have a responsive UI because users can change the size of their screen. In this tutorial, I created a responsive.dart file, which includes a Responsive widget with three breakpoints for Mobile, Tablet, and Desktop. In the video tutorial, I will show you how to use this widget to make your Flutter app designs responsive. 🔗 Source code Flutter Dashboard: https://www.flutterlibrary.com/templates/responsive-admin-dashboard ►Support Us: https://www.patreon.com/theflutterway ►Flutter Templates & Components: https://www.flutterlibrary.com ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro Thanks for watching! Make sure to like + Subscribe For More!

🔗 Templates & components: http://FlutterLibrary.com 🔗 Single Screens: https://www.flutterlibrary.com/screens ►For the 3D intro, I'm using Rotato: https://bit.ly/3heGagj ►Support Us: https://www.patreon.com/theflutterway ► Social Media GitHub: https://github.com/abuanwar072 Twitter: https://twitter.com/theflutterway Twitter: https://twitter.com/abuanwar072 (my personal profile) Facebook: https://www.facebook.com/theflutterway ► Timestamps 0:00 Intro 0:54 What is Flutter Library? 2:09 Copy Code 2:55 Chat App by copy past code Thanks for watching! Make sure to like + Subscribe For More!