Flutter অ্যাপে VS Code ব্যবহার করে App Logo যোগ করার সহজ পদ্ধতি । Launcher Icon

Flutter অ্যাপে VS Code ব্যবহার করে App Logo যোগ করার সহজ পদ্ধতি । Launcher IconFlutter ।  অ্যাপে VS Code ব্যবহার করে App Logo (Launcher Icon) যোগ করার সংক্ষিপ্ত পদ্ধতি নিচে দেওয়া হলো 👇

1️⃣ Logo ইমেজ প্রস্তুত করুন

• PNG ফরম্যাটে রাখুন

• সাইজ: 512×512 px (ব্যাকগ্রাউন্ড ছাড়া হলে ভালো)

---

2️⃣ flutter_launcher_icons প্যাকেজ যোগ করুন

pubspec.yaml ফাইলে যোগ করুন:

dev_dependencies:

flutter_launcher_icons: ^0.13.1

flutter_icons:

android: true

ios: true

image_path: "assets/icon/logo.png"

নিশ্চিত করুন ইমেজ পাথ ঠিক আছে

3️⃣ প্যাকেজ ইনস্টল করুন

VS Code টার্মিনালে চালান:

flutter pub get

4️⃣ App Logo জেনারেট করুন

flutter pub run flutter_launcher_icons

5️⃣ App রান করুন

flutter run

✅ Android ও iOS উভয় প্ল্যাটফর্মে App Logo সেট হয়ে যাবে

Flutter এ App Logo (Launcher Icon) পুনরায় Edit / Change করতে চাইলে

🔁 App Logo আবার পরিবর্তন করার ধাপ

1️⃣ নতুন Logo ইমেজ Replace করুন

• আগের logo.png ফাইলটি নতুন ইমেজ দিয়ে replace করুন
  অথবা

• নতুন নাম হলে pubspec.yaml এ path আপডেট করুন

flutter_icons:

  android: true

  ios: true

  image_path: "assets/icon/new_logo.png"

2️⃣ পুরনো Icon Cache ক্লিয়ার করুন (প্রস্তাবিত)

flutter clean

3️⃣ আবার Icon Generate করুন

flutter pub run flutter_launcher_icons

4️⃣ App আবার রান করুন

flutter run

⚠️ যদি পরিবর্তন দেখা না যায়

• Emulator / মোবাইল থেকে অ্যাপ Uninstall করে আবার Install করুন
• Android হলে Launcher cache ক্লিয়ার করুন

✅ সংক্ষেপে Command গুলো

flutter clean

flutter pub get

flutter pub run flutter_launcher_icons

flutter run

flutter_launcher_icons দিয়ে Background Color সেট

Flutter এ App Logo-এর background color পরিবর্তন করতে (বিশেষ করে Android Adaptive Icon / Android 12) নিচের সংক্ষিপ্ত ধাপগুলো অনুসরণ করুন 👇

---

🟢 flutter_launcher_icons দিয়ে Background Color সেট করা

1️⃣ pubspec.yaml আপডেট করুন

dev_dependencies:

  flutter_launcher_icons: ^0.13.1

flutter_icons:

  android: true

  ios: true

  adaptive_icon_background: "#FFFFFF"

  adaptive_icon_foreground: "assets/icon/logo.png"

👉 এখানে

• #FFFFFF = সাদা background
• চাইলে অন্য color দিন যেমন #000000, #2196F3

2️⃣ iOS এর জন্য (optional)

iOS-এ background সাধারণত image-এর মধ্যেই থাকে।
তাই iOS-এর জন্য logo PNG-তে background যুক্ত করতে হবে।

 3️⃣ Command রান করুন

flutter clean

flutter pub get

flutter pub run flutter_launcher_icons

4️⃣ App আবার রান করুন

flutter run

⚠️ Android 12 Special Note

Android 12-এ icon গোল হয়ে যায়।
👉 Logo-র চারপাশে padding / transparent space রাখুন (safe zone)

---

🎨 Example Colors

• Red: #F44336
• Blue: #2196F3
• Green: #4CAF50
• Black: #000000

You May Like Also Also Like This