Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.
Programa principal i localització (main)
Canvi de propietats segons una variable
Pas de paràmetres d'un giny al seu descendent
Condicionals i bucles que afecten a ginys
Transmissió de dades mitjançant internet amb GET
Guardar dades de forma permanent
| Giny Widget |
Element gràfic que serveix de base a la majoria dels altres Hi ha ginys sense estat (StatelessWidget) i ginys amb estat (StatefulWidget) |
| Text Text |
Serveix per afegir un text |
| Espaiador Spacer |
S'empra per deixar espai entre components |
| Camp de text TextField |
És un espai on l'usuari pot escriure |
| Botó ...Button |
Són elements sobre els quals es pot fer clic, hi ha diversos tipus |
| Imatge Image |
Permet afegir una imatge, ja sigui d'internet o afegida a l'aplicació |
| Cursor horitzontal Slider |
Simula un potenciòmetre lliscant, permet introduir còmodament un valor |
| Interruptor Switch |
Mostra un interruptor que permet canviar el valor d'una variable binària |
| Selector desplegable DropdownButton |
Mostra un desplegable per tal que l'usuari triï una opció |
| Esquelet Scaffold |
Element principal que dona estructura a l'aplicació |
| Columna Column |
Permet posar elements un sota l'altre Permet alinear el contingut No preveu el desplaçament per la pantalla |
| Filera Row |
Permet posar elements un al costat de l'altre Permet alinear el contingut |
| Visor de llista ListView |
Permet posar elements un sota l'altre Contempla el desplaçament per la pantalla |
| Expandir Expanded |
Força el seu descendent a ocupar tot l'espai disponible |
| Farciment Padding |
Posa un espaiat al voltant dels elements que té dins |
| Caixa a mida SizedBox |
Estableix una mida per al seu descendent |
| Contenidor Container |
Se li poden definir les mides, el color de fons i posar-li alguna decoració
Permet alinear el contingut És útil per retornar un giny que no faci res |
| Centrat Center |
Centra el contingut, tant en horitzontal com en vertical |
| Rectangle arrodonit ClipRRect |
Retalla el contingut mitjançant un rectangle arrodonit |
| Àrea segura SafeArea |
Giny que deixa un farciment adequat per evitar sobreposicions d'altres elements, inclosos els propis del sistema |
| Escalat FittedBox |
Giny que escala el seu descendent perquè hi càpiga correctament |
| Ignorador d'accions IgnorePointer |
Ignora les accions físiques que fa l'usuari sobre ell |
| Barra de l'aplicació AppBar |
Es situa a la part superior de la pantalla i permet mostrar un títol i icones |
| Detector d'accions GestureDetector |
Permet capturar la interacció de l'usuari amb el seu contingut |
| Visibilitat Visibility |
Controla si el seu contingut està amagat o és visible |
| Animacions animate |
Fa alguna animació en el moment de mostrar l'element |
| Indicador de càrrega CircularProgressIndicator |
Serveix per indicar que s'està esperant o carregant informació |
| Constructor de futurs FutureBuilder |
Serveix per posar un giny que depèn d'un futur, tractant les possibles opcions |
| Google Maps GoogleMap |
Serveix per mostrar un mapa de Google Maps i aporta funcionalitats |
| Quadre de diàleg AlertDialog |
Serveix per mostrar un advertiment a l'usuari i esperar alguna acció |
| Selector de dates DatePicker |
Mostra un element que permet seleccionar una data |
En aquest web s'expliquen només una part de les moltes opcions de Flutter. Podeu trobar tota la informació al web de Flutter.
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.