FLUTTER http, initState, setState, loading spinner animation

Esempio di chiamata http: http.get(Uri.parse(“https://www.google.com”)).then((response) { if (response.statusCode == 200) { print(“OK”); } else { print(“ERROR”); } }); Vogliamo fare una chiamata http all’inizializzazione dell’applicazione o all’inizializzazione del componente ad esempio una schermata di login (in quel caso faremo una chiamata http per recuperare i dati che ci servono). la fase di inizio di un … Leggi tutto

Flutter UI: TextField e refactoring

creo cartella pages nella quale inserirò la classe Page dove farò comparire i textfield customizzati creo component textfield in una cartella component Component Textfield: Il componento customizzato in questo caso è un widget stateless. Al quale decido di assegnare degli attributi cosi che posso riutilizzarlo settando questi attributi come parametri quando lo utilizzo da altre … Leggi tutto

Flutter UI: Stack Layout

Stack: Ricordiamoci di racchiudere lo stack in sizebox e width max al 100% con double.infinity per far prendere l’immagine il massimo dello spazio. class _RegPageState extends State { @override Widget build(BuildContext context) { return Scaffold( body: SizedBox( height: double.infinity, width: double.infinity, child: Stack( children: [ header(), body(), ], ), ), ); } //il metodo header() … Leggi tutto

Flutter UI: Login

import ‘package:flutter/material.dart’; class LoginPage extends StatefulWidget { @override _LoginPageState createState() => _LoginPageState(); } class _LoginPageState extends State { final TextEditingController emailController = TextEditingController(); final TextEditingController pswController = TextEditingController(); void onLoginPressed() { final email = emailController.text.trim(); final psw = pswController.text.trim(); print(email); print(psw); onResetPressed(); } void onResetPressed() { emailController.clear(); pswController.clear(); } @override Widget build(BuildContext context) { return … Leggi tutto

Flutter UI: TabBar

La AppBar ha un attributo bottom dove si possono inserire i widget solitamente si mette una TabBar. class _HomePageState extends State { @override Widget build(BuildContext context) { return DefaultTabController( length: 2, child: Scaffold( appBar: AppBar( title: Text(‘TEST Tab Bar’), centerTitle: true, bottom: TabBar( tabs: [ Tab(icon: Icon(Icons.home)), Tab(icon: Icon(Icons.person)), ], ), ), body: TabBarView( children: … Leggi tutto

LifeCycle dei componenti in Flutter

LifeCycle dei componenti in Flutter di seguito i principali metodi che corrispondono alle varie fasi di vita di un componente. createState Primo metodo richiamato per creare lo stato di un componente Stateful. Crea un’istanza della relativa classe di supporto che estende State. initState Metodo richiamato una sola volta quando il componente viene creato. Permette di … Leggi tutto

I componenti in Flutter

Cos’è Flutter? Flutter è un framework scritto in linguaggio di programmazione Dart. Come creare componenti in Flutter: in un file dart applicando il concetto di classe. ogni componente in Flutter infatti è una classe che estende StatelessWidget o StatefulWidget All’interno del metodo build (ereditato dalla superclasse statelesswidget) che ritorna un componente di sistema che rappresenta … Leggi tutto

Flutter metodo initState vs Build

il metodo initState viene richiamato una sola volta quando viene creato lo State mentre il metodo build ogni volta che cambia lo State ad ogni chiamata di setState initState si usa per tutte le impostazioni iniziali oppure quando devono essere eseguiti una sola volta.