Kako je Flutter projekt strukturiran?

Question

Accepted Answer

Flutter projekt ima standardnu **strukturu** — s direktorijima za Dart kod, kod specifičan za platformu, resurse i konfiguraciju. Razumijevanje strukture i ključnih datoteka (posebno `pubspec.yaml` i `lib/`) nužno je za navigaciju i gradnju Flutter aplikacija.

## Ključni direktoriji i datoteke

```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 — ključna datoteka konfiguracije

```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` deklarira **ovisnosti** (pakete s pub.dev), resurse i metapodatke — pokrenete `flutter pub get` da instalirate ovisnosti.

## main.dart — ulazna točka

```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
  }
}
```

## Organiziranje lib/ kako Flutter projekti rastu

```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).
```

## Zašto je to važno

Razumijevanje kako je Flutter projekt strukturiran nužno je praktično znanje za navigaciju, gradnju i organizaciju Flutter aplikacija, pa je to korisno temeljno znanje.

Znanje o **ključnim direktorijima i datotekama** — da **`lib/` sadrži vaš Dart kod** (srce aplikacije, gdje provodite većinu vremena), **`main.dart` je ulazna točka** (gdje aplikacija počinje preko `main()` i `runApp`), **direktoriji platforme** (`android/`, `ios/`, itd. za kod specifičan nativnoj platformi), direktoriji `test/` i `assets/` — nužno je za orientaciju u Flutter projektu.

Razumijevanje **`pubspec.yaml`** posebno je važno: to je ključna datoteka konfiguracije koja deklarira **ovisnosti** (pakete s pub.dev, Flutter ekosustava paketa), resurse i metapodatke — stalno ćete je uređivati da dodajete pakete (pokrenuvši `flutter pub get` da ih instalirate), čineći je centralnom za Flutter razvoj.

Razumijevanje **main.dart i ulazne točke** (kako `main()` i `runApp` započinju aplikaciju s root widget-om) pojašnjava kako Flutter aplikacija počinje.

Razumijevanje kako **organizirati `lib/` kako projekti rastu** (u foldera po svojstvu ili sloju — zasloni, widget-i, modeli, servisi — za razdvajanje briga) odražava dobru praksu za održive projekte.

Budući da rad s Flutter-om zahtijeva navigaciju strukture projekta, upravljanje ovisnostima putem pubspec.yaml, razumijevanje ulazne točke i organizaciju koda, te budući da je to znanje nužna praktična osnova za bilo koji Flutter razvoj, razumijevanje kako je Flutter projekt strukturiran — ključni direktoriji, pubspec.yaml, ulazna točka i organizacija koda — je vrijedna, temeljna praktična znanja za rad s Flutter projektima, nužna za gradnju i održavanje aplikacija i osnovna kompetencija za Flutter razvoj.