Mese: Dicembre 2021

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

Pagina di esempio registrazione per utilizzare diversi componenti come stack, textfield, checkbox,radio, slider, switch.

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

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

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

https://nurozkaya.medium.com/how-to-add-asset-image-on-appbar-as-an-action-icon-in-flutter-dfb7e2030132