DEV Community: Puneet Sharma

Avoid This Common Flutter Mistake: color vs decoration 🎨

Puneet Sharma — Mon, 14 Jul 2025 18:30:00 +0000

Welcome to Day 3 of my #100DaysOfFlutter series!

Today’s tip is about one of the most common mistakes developers make when styling a Container widget in Flutter — and it’s an easy one to avoid once you know what’s going on.

🛑 The Problem
Many devs unknowingly try to use both the color property and the decoration property at the same time in a Container.
But this causes an error! Why?

If decoration is provided, Flutter expects you to manage all styling inside that decoration, including background color.

So when you mix color and decoration, Flutter gets confused — and throws a runtime error.

✅ Best Practice
Use either the color property
OR

Use the decoration property, and define the color inside BoxDecoration

Doing this ensures your layout behaves correctly and avoids unnecessary bugs or crashes.

💡 Why This Matters
These small Flutter nuances:

Help you write more reliable and clean UI code

Reduce runtime issues

Encourage best practices for scalable styling

Let’s keep building cleaner, smarter UIs — one day at a time! 💙
Feel free to share your own tips or mistakes you’ve learned from in the comments.

Flutter #Dart #FlutterDev #FlutterTips #UIDesign #MobileDevelopment #100DaysOfFlutter #100DaysOfCode #CleanCode #BoxDecoration #DeveloperJourney #fluttercommunity #BuildInPublic

FVM Explained: How Flutter Selects the Right Version 🚀

Puneet Sharma — Mon, 14 Jul 2025 02:38:00 +0000

Welcome to Day 2 of my #100DaysOfFlutter series!
Today, we’re diving into something every Flutter dev should know: managing multiple Flutter versions across projects.

❓ Why FVM?
If you work on multiple Flutter projects — especially in a team — you've probably run into version mismatch issues. One project might require Flutter 3.10, while another still depends on 3.7.

This is where FVM (Flutter Version Management) comes in. It's a simple tool that helps you manage and use different Flutter versions per project.

🛠️ What’s the difference?
flutter run # Uses the globally installed Flutter SDK

fvm flutter run # Uses the version defined for that specific project

Using FVM ensures:
✅ You're running the right Flutter version per project
✅ Everyone on your team stays in sync
✅ You avoid "it works on my machine" problems
✅ Your CI/CD pipelines stay stable

💡 In short:
FVM keeps your Flutter projects clean, consistent, and version-safe.
It’s an essential tool for any serious Flutter dev.

Have you tried FVM yet? Let me know your experience — or feel free to ask if you need help getting started.

Flutter #Dart #FlutterDev #FVM #DeveloperTools #VersionControl #100DaysOfFlutter #100DaysOfCode #MobileDevelopment #DevTools #BuildInPublic #fluttercommunity

✨ Day 1 of #100DaysOfFlutter #iamapuneet

Puneet Sharma — Sun, 13 Jul 2025 16:27:50 +0000

🔹 Topic: Null-Aware Children in a Stack 🧱
Welcome to Day 1 of my #100DaysOfFlutter journey! 🎉
Each day, I’ll be sharing a quick tip, concept, or best practice to help developers — beginners or experienced — write cleaner and smarter Flutter code.

🧠 Today’s Insight: Null-Aware Children in a Stack Widget
In Flutter, it’s common to conditionally render widgets — especially in complex UIs.
But here's a mistake many devs make: adding a widget that might be null directly inside a widget tree like Stack.

This can lead to unexpected behavior or runtime issues.

✅ Instead: Use a null check or conditional rendering before adding it to the children list.

💡 Why it matters:
Keeps your widget tree clean

Avoids unnecessary rendering

Fully leverages Dart’s null safety

Prevents runtime exceptions

🚀 Meet Puneet Sharma — Flutter Developer | Open Source Contributor | Tech Enthusiast

Puneet Sharma — Wed, 11 Jun 2025 15:57:37 +0000

Hi everyone! 👋 I'm Puneet Sharma, a passionate Flutter Developer with 3+ years of experience building cross-platform mobile apps that are fast, scalable, and user-friendly.

📍 Visit my portfolio → iamapuneet.netlify.app

💼 What I Do
✅ Cross-platform mobile apps using Flutter & Dart
✅ State management with BLoC & GetX
✅ Real-time features with Google Maps & background services
✅ Smart UX using AI integrations
✅ Clean, scalable architecture following best practices
📱 Highlights
📌 22+ projects delivered across various industries
📌 Built apps with live tracking, background sync, and AI features
📌 Strong focus on Clean Architecture & modular coding
⚙️ My Tech Stack
Flutter, Dart
Firebase, REST APIs
Google Maps API
Git, GitHub, CI/CD
Netlify, Figma, and more
📢 Let's Collaborate!
If you're looking for a dedicated Flutter Developer who combines clean code with product thinking, feel free to check out my portfolio and reach out.

🔗 iamapuneet.netlify.app
📧 Contact via website or LinkedIn

💬 Feel free to drop a comment if you're also working in Flutter or want to collaborate on open source. Let's build something awesome together!