1. Home
  2. Flutter
  3. introduction-and-basics
  4. Installetion ও কনফিগার
  5. ৫। নতুন main.dart কে পরিষ্কার করে নতুন ফাইল থেকে runApp() করা

৫। নতুন main.dart কে পরিষ্কার করে নতুন ফাইল থেকে runApp() করা

দারুণ! তুমি চাইছো main.dart ফাইলকে পরিষ্কার করে নতুনভাবে তৈরি করতে এবং অন্য একটি ফাইল থেকে Widget import করে সেটাকেই অ্যাপের Entry Point বানাতে — এটা Flutter এর প্রফেশনাল প্র্যাকটিসের অংশ। আমি নিচে ধাপে ধাপে + শর্টকাট সহ বিস্তারিত দেখাচ্ছি:


✅ পার্ট ১: নতুন main.dart কে পরিষ্কার করে নতুন ফাইল থেকে runApp() করা

1️⃣ একটি নতুন ফাইল তৈরি করো

VS Code-এ:

  • lib/ ফোল্ডারে ➤ home_screen.dart নামে নতুন ফাইল বানাও
    🖱️ Shortcut: Ctrl + NFile > Save Aslib/home_screen.dart

2️⃣ home_screen.dart ফাইলে কোড লিখো:

import 'package:flutter/material.dart';

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Home Page")),
      body: const Center(child: Text("Welcome to Flutter!")),
    );
  }
}

✅ পার্ট ২: main.dart ফাইলে শুধু এটুকু রাখো:

import 'package:flutter/material.dart';
import 'home_screen.dart'; // Import your widget

void main() {
  runApp(const MaterialApp(
    debugShowCheckedModeBanner: false,
    home: HomeScreen(),
  ));
}

✅ শর্টকাট কী (VS Code) টিপস:

কাজশর্টকাট
নতুন ফাইল তৈরিCtrl + N তারপর Ctrl + S
কোড অটো ফরম্যাটShift + Alt + F
Widget skeleton (stless)টাইপ করো stlessEnter
Widget skeleton (stful)টাইপ করো stfulEnter
হট রিলোডDebug Console এ r চাপো বা Ctrl + S
হট রিস্টার্টDebug Console এ R চাপো

✅ কোডের ফোল্ডার ভিউ (পরে বাড়ানোর জন্য):

lib/
├── main.dart              # Entry Point
└── home_screen.dart       # আলাদা Widget ফাইল

✅ টিপস:

  • main.dart ফাইল সবসময় ছোট রাখো
  • সব UI component আলাদা ফাইলে রাখলে মেইনটেইন করা সহজ হয়
  • প্রতিটি Widget-এ const ব্যবহার করলে পারফরম্যান্স ভালো হয়

How can we help?