Forem: Rohit Kumar

Flutter Widget Deep Dive: Custom Bottom Navigation

Rohit Kumar — Mon, 16 Feb 2026 17:00:37 +0000

Hey Devs! Today I worked on enhancing the bottom navigation bar in my Flutter app.

Replaced the default Navigation Bar with a custom Container for a premium look.

Added animated glow effects on selected tabs for a casino-style interface 🎰.

Used IndexedStack for smooth tab switching without rebuilding screens.

Implemented AnimatedContainer + AnimatedDefaultTextStyle for smooth transitions.

Cleaned up Icon + Label logic for selected/unselected state management.

AnimatedContainer( duration: Duration(milliseconds: 300), decoration: BoxDecoration( color: isSelected ? Colors.amber.withOpacity(0.15) : Colors.transparent, borderRadius: BorderRadius.circular(20), boxShadow: isSelected ? [BoxShadow(color: Colors.amber.withOpacity(0.6), blurRadius: 15)] : [], ), child: Column( mainAxisSize: MainAxisSize.min, children: [ Icon(icon, color: isSelected ? Colors.amber : Colors.grey), SizedBox(height: 4), AnimatedDefaultTextStyle( duration: Duration(milliseconds: 300), style: TextStyle(color: isSelected ? Colors.amber : Colors.grey, fontWeight: isSelected ? FontWeight.bold : FontWeight.normal), child: Text(label), ), ], ), )

🎯 Result:
A smooth, modern, and interactive navigation bar that feels premium and responsive.

💬 Takeaway:
Custom widgets + Flutter’s animation capabilities let you build high-quality, professional UI without relying on 3rd-party packages.

Flutter Build Failed: Android NDK Clang Could Not Be Found (Fix)

Rohit Kumar — Wed, 28 Jan 2026 14:46:08 +0000

If you’re building a Flutter app and suddenly hit this error:

`Target dart_build failed:
Error: Android NDK Clang could not be found.

Execution failed for task ':app:compileFlutterBuildDebug'
Gradle task assembleDebug failed with exit code 1`

Don’t worry — this is a very common Flutter + Android Studio issue, and the fix is straightforward once you understand it.

Let’s break it down 👇

🔍 What does this error mean?

Flutter is trying to compile native Android code (C/C++), but it can’t find Clang, the compiler that comes with the Android NDK.

Even if you never wrote C++ code, many Flutter plugins (camera, Firebase, ML, video player, etc.) use native code internally.

If the NDK is missing, corrupted, or misconfigured, Flutter fails to build.

🚨 Common reasons this happens

Android NDK not installed

Wrong or unsupported NDK version

NDK path missing in local.properties

Corrupted NDK installation

Gradle doesn’t know which NDK to use

✅ Step-by-Step Fix (Tested & Working)
✅ Step 1: Install Android NDK

Open Android Studio:

File → Settings → Appearance & Behavior → System Settings → Android SDK → SDK Tools

Enable:

✅ NDK (Side by side)

✅ CMake

✅ Android SDK Command-line Tools

Click Apply → OK

✅ Step 2: Install the recommended NDK version

Flutter is most stable with:

NDK 25.2.9519653

In SDK Tools:

Click Show Package Details

Select 25.2.9519653

Install it

✅ Step 3: Set NDK path manually

Open:

android/local.properties

Add or update:

`sdk.dir=C:\\Users\\YOUR_USERNAME\\AppData\\Local\\Android\\Sdk ndk.dir=C:\\Users\\YOUR_USERNAME\\AppData\\Local\\Android\\Sdk\\ndk\\25.2.9519653
`

⚠ Windows users: Always use double backslashes (\)

✅ Step 4: Specify NDK version in Gradle

Open:

android/app/build.gradle

Inside the android {} block, add:

ndkVersion "25.2.9519653"

This prevents Gradle from picking the wrong NDK.

✅ Step 5: Clean & rebuild

Run:

flutter clean flutter pub get flutter run

Your project should now build successfully 🎉

🔎 Extra check (recommended)

Run:

flutter doctor -v

Make sure there are no ❌ errors under:

Android toolchain

Android SDK

NDK

🧠 Key Takeaway

Flutter apps often depend on native Android code, so a correctly installed and configured NDK is essential.

This error looks scary, but it’s easy to fix once you know where to look.

If this helped you, feel free to ❤️ the post or share it with another Flutter dev who’s stuck on the same issue.

Happy coding 🚀💙

How I Fixed “Card Theme Error” in Flutter

Rohit Kumar — Sun, 18 Jan 2026 16:21:25 +0000

While working on my Flutter project, I faced an issue where the CardTheme
was showing errors in Android Studio. In this post, I’ll explain why this
happens and how to fix it step by step.

I was trying to customize the Card Theme in my Flutter app, but every line
inside Card Theme was showing an error.

Error Code

CardTheme(
  elevation: 2,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(12),
  ),
)

The issue happened because CardTheme parameters changed in the latest
Flutter version. Wrapping it correctly and using the updated API fixes
the problem.

cardTheme: const CardTheme(
  elevation: 2,
)

After applying this fix, all errors were removed and the app worked perfectly.

If you are facing similar issues in Flutter, I hope this post helps you.
Feel free to comment if you have questions.