Aplicacions amb Flutter, Dart i Flame

Estructura d'un programa en Flutter

Per comentar l'estructura bàsica d'un programa en Flutter, ens basarem en el que surt per defecte amb Empty Application, que seria com la següent:

import 'package:flutter/material.dart';

void main(){
  runApp(const MainApp());
}

class MainApp extends StatelessWidget{
  const MainApp({super.key});
  @override
  Widget build(BuildContext context){
    return const MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text('Hello World!'),
        ),
      ),
    );
  }
}

Al començament tenim les importacions, de manera similar al que hi havia a Dart. Després hi ha el programa principal; que en aquest cas és molt senzill, ja que només crida a la classe MainApp. A continuació tenim la definició de la classe MainApp, que no es defineix completament sinó que es fa l'extensió d'una classe ja existent (StatelessWidget) perquè així només cal afegir-li les particularitats que ens interessin. Les funcions, els comentaris i altres qüestions bàsiques són molt similars a les que teníem a Dart.

La classe principal d'una aplicació sol retornar un MaterialApp que conté una estructura (Scaffold) que, en aquest cas, té un contingut (body) molt senzill, que només té un descendent (child) amb un text.

Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.