Middle
Aký je životný cyklus Stateful widgetu vo Flutteri?
sobes.tech AI
Odpoveď od AI
createState(): Vytvorí objektStatepre widget.initState(): Inicializácia stavu, odber na streamy, animácie. Volá sa raz pri vytvorení widgetu.didChangeDependencies(): Volá sa poinitState()a pri zmene závislostí (napríklad InheritedWidget).build(): Sestavenie používateľského rozhrania. Volá sa pri inicializácii a pri zmene stavu (setState()).didUpdateWidget(): Volá sa pri aktualizácii konfigurácie widgetu rodičom.setState(): Informuje framework o zmene vnútorného stavu, čo vedie k prekresleniu (build).deactivate(): Volá sa pri odstráneníStatezo stromu widgetov (môže byť dočasné, napríklad pri zmene záložiek).dispose(): Uvoľnenie zdrojov: odhlásenie od streamov, odstránenie ovládačov animácií. Volá sa pred konečným odstránenímStatez pamäti.
// Príklad použitia setState, ukazujúci zmenu stavu
class MyStatefulWidget extends StatefulWidget {
@override
_MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}
class _MyStatefulWidgetState extends State<MyStatefulWidget> {
int _counter = 0;
@override
void initState() {
super.initState();
// Inicializácia
// print('initState');
}
@override
void didChangeDependencies() {
super.didChangeDependencies();
// Závislosti sa zmenili
// print('didChangeDependencies');
}
@override
void didUpdateWidget(MyStatefulWidget oldWidget) {
super.didUpdateWidget(oldWidget);
// Widget sa aktualizoval
// print('didUpdateWidget');
}
void _incrementCounter() {
setState(() {
// Zmena stavu, vedie k prekresleniu
_counter++;
// print('setState: counter = $_counter');
});
}
@override
Widget build(BuildContext context) {
// Sestavenie UI
// print('build');
return Scaffold(
appBar: AppBar(
title: Text('Counter Example'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'You have pushed the button this many times:',
),
Text(
'$_counter',
style: Theme.of(context).textTheme.headline4,
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.add),
),
);
}
@override
void deactivate() {
super.deactivate();
// Widget deaktivovaný
// print('deactivate');
}
@override
void dispose() {
// Uvoľnenie zdrojov
// print('dispose');
super.dispose();
}
}