Bagaimanakah projek Flutter distrukturkan?

Question

IT Interview Practice · Accepted Answer

Projek Flutter mempunyai **struktur** standard — dengan direktori untuk kod Dart, kod khusus platform, aset, dan konfigurasi. Memahami struktur dan fail utama (terutamanya `pubspec.yaml` dan `lib/`) adalah perlu untuk menavigasi dan membina aplikasi Flutter.

## Direktori dan fail utama

```text
my_app/
  lib/                  → your DART CODE lives here (the heart of the app)
    main.dart           → the ENTRY POINT (the main() function; app starts here)
  pubspec.yaml          → project config: DEPENDENCIES, assets, metadata (very important)
  android/              → Android-specific native project/config
  ios/                  → iOS-specific native project/config
  web/ windows/ etc.    → other platform folders
  test/                 → tests
  assets/               → images, fonts, etc. (declared in pubspec.yaml)
```

## pubspec.yaml — fail konfigurasi utama

```yaml
name: my_app
dependencies:
  flutter:
    sdk: flutter
  http: ^1.0.0           # add packages here (from pub.dev)
  provider: ^6.0.0
flutter:
  assets:
    - assets/images/     # declare assets to bundle
```

`pubspec.yaml` mengisytiharkan **kebergantungan** (pakej daripada pub.dev), aset, dan metadata — anda menjalankan `flutter pub get` untuk memasang kebergantungan.

## main.dart — titik masuk

```dart
import 'package:flutter/material.dart';

void main() => runApp(MyApp());      // runApp starts the Flutter app with a root widget

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(home: HomeScreen());   // the app's root widget
  }
}
```

## Mengatur lib/ apabila aplikasi berkembang

```text
→ Beyond main.dart, organize lib/ into folders (by feature or layer):
  lib/screens/, lib/widgets/, lib/models/, lib/services/, lib/providers/ (common)
→ Keep code organized as the app grows (separation of concerns).
```

## Mengapa ia penting

Memahami cara projek Flutter distrukturkan adalah pengetahuan praktikal yang perlu untuk menavigasi, membina, dan mengatur aplikasi Flutter, jadi ia merupakan pengetahuan asas yang berguna.

Mengetahui **direktori dan fail utama** — bahawa **`lib/` menyimpan kod Dart anda** (teras aplikasi, di mana anda menghabiskan kebanyakan masa anda), **`main.dart` ialah titik masuk** (di mana aplikasi bermula melalui `main()` dan `runApp`), **folder platform** (`android/`, `ios/`, dll. untuk kod natif khusus platform), direktori `test/` dan `assets/` — adalah perlu untuk mencari jalan dalam projek Flutter.

Memahami **`pubspec.yaml`** amat penting: ia ialah fail konfigurasi utama yang mengisytiharkan **kebergantungan** (pakej daripada pub.dev, ekosistem pakej Flutter), aset, dan metadata — anda akan mengeditnya secara berterusan untuk menambah pakej (menjalankan `flutter pub get` untuk memasangnya), menjadikannya teras kepada pembangunan Flutter.

Memahami **main.dart dan titik masuk** (cara `main()` dan `runApp` memulakan aplikasi dengan widget akar) menjelaskan cara aplikasi Flutter bermula.

Memahami cara untuk **mengatur `lib/` apabila aplikasi berkembang** (menjadi folder mengikut ciri atau lapisan — skrin, widget, model, perkhidmatan — untuk pengasingan kebimbangan) mencerminkan amalan yang baik untuk projek yang boleh diselenggara.

Memandangkan bekerja dengan Flutter memerlukan menavigasi struktur projek, menguruskan kebergantungan melalui pubspec.yaml, memahami titik masuk, dan mengatur kod, dan memandangkan pengetahuan ini adalah asas praktikal yang perlu untuk sebarang pembangunan Flutter, memahami cara projek Flutter distrukturkan — direktori utama, pubspec.yaml, titik masuk, dan organisasi kod — adalah pengetahuan praktikal asas yang berharga untuk bekerja dengan projek Flutter, perlu untuk membina dan menyelenggara aplikasi dan kecekapan asas untuk pembangunan Flutter.

Direktori dan fail utama

pubspec.yaml — fail konfigurasi utama

main.dart — titik masuk

Mengatur lib/ apabila aplikasi berkembang

Mengapa ia penting

Soalan berkaitan