Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.
Els esquelets són els que permeten fer l'organització general de la vista de l'aplicació; el més normal és que n'hi hagi un per a tota l'aplicació. Es sol posar en el main i té un component body que és el que conté l'estructura de l'aplicació.
En l'esquelet és on posarem aquelles opcions de configuració que afecten tota la pantalla. Per exemple, hi podem posar un color de fons i una barra de menú (que, de moment, està buida). També hi podem posar un botó flotant (floatingActionButton) que ja ens situarà automàticament superposat a la part inferior dreta de la pantalla.
En aplicacions amb una sola pantalla, no és estrany que l'esquelet estigui en el programa principal (MainApp) però en aplicacions amb diverses pantalles és més raonable que estigui a la pantalla principal.
import 'package:flutter/material.dart'; import 'package:flutter_basic/layouts/column.dart';
void main() {
runApp(const MainApp());
}
class MainApp extends StatelessWidget {
const MainApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.lightGreenAccent,
appBar: AppBar(),
body: Columna(),
floatingActionButton: FloatingActionButton(
onPressed: () {},
child: Icon(Icons.assignment_turned_in_outlined),
),
),
);
}
}
Important: Atès que hi hem posat una barra d'aplicació, el que es retorna no pot ser constant; per això s'ha eliminat el const que posem habitualment, com en el cas que es mostrava en parlar de l'estructura d'una aplicació en Flutter.
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.