Middle
Какъв е жизненият цикъл на Stateful widget във Flutter?
sobes.tech AI
Отговор от AI
createState(): Създава обектStateза widget.initState(): Инициализация на състоянието, абониране за стриймове, анимации. Извиква се веднъж при създаването на widget.didChangeDependencies(): Извиква се следinitState()и при промяна на зависимостите (например InheritedWidget).build(): Изграждане на потребителския интерфейс. Извиква се при инициализация и при промяна на състоянието (setState()).didUpdateWidget(): Извиква се при актуализация на конфигурацията на widget от родителския widget.setState(): Уведомява фрейму за промяна в вътрешното състояние, което води до повторно рисуване (build).deactivate(): Извиква се при премахване наStateот дървото на widget-овете (може да бъде временно, например при смяна на раздели).dispose(): Освобождаване на ресурси: отписване от стриймове, изтриване на контролери за анимации. Извиква се преди окончателното изтриване наStateот паметта.
// Пример за използване на setState, показващ промяна на състоянието
class MyStatefulWidget extends StatefulWidget {
@override
_MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}
class _MyStatefulWidgetState extends State<MyStatefulWidget> {
int _counter = 0;
@override
void initState() {
super.initState();
// Инициализация
// print('initState');
}
@override
void didChangeDependencies() {
super.didChangeDependencies();
// Зависимостите се промениха
// print('didChangeDependencies');
}
@override
void didUpdateWidget(MyStatefulWidget oldWidget) {
super.didUpdateWidget(oldWidget);
// Widgetът се актуализира
// print('didUpdateWidget');
}
void _incrementCounter() {
setState(() {
// Промяна на състоянието, водеща до повторно изграждане
_counter++;
// print('setState: counter = $_counter');
});
}
@override
Widget build(BuildContext context) {
// Изграждане на 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 деактивиран
// print('deactivate');
}
@override
void dispose() {
// Освобождаване на ресурси
// print('dispose');
super.dispose();
}
}