Sobes.tech
Middle

Milline on Stateful widget'i elutsükkel Flutteris?

sobes.tech AI

Vastus AI-lt

  1. createState(): Loob State objekti vidinõu widgeti jaoks.
  2. initState(): Algse seisundi määramine, tellimine voogudest, animatsioonid. Kutsutakse üks kord, kui widget luuakse.
  3. didChangeDependencies(): Kutsutakse pärast initState() ja sõltuvuste muutmisel (näiteks InheritedWidget).
  4. build(): Kasutajaliidese ehitamine. Kutsutakse alguses ja seisundi muutmisel (setState()).
  5. didUpdateWidget(): Kutsutakse, kui vanem widget uuendab konfiguratsiooni.
  6. setState(): Annab raamistikule teada sisemise seisundi muutusest, mis põhjustab uuesti joonistamise (build).
  7. deactivate(): Kutsutakse, kui State objekt eemaldatakse puust (ajutiselt, näiteks vahelehtede vahetamisel).
  8. dispose(): Ressursside vabastamine: tellimuste tühistamine voogudest, animatsioonikontrollerite kustutamine. Kutsutakse enne State lõplikku eemaldamist mälust.
// Näide setState kasutamisest, mis näitab seisundi muutust
class MyStatefulWidget extends StatefulWidget {
  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  int _counter = 0;

  @override
  void initState() {
    super.initState();
    // Algväärtuse määramine
    // print('initState');
  }

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    // Sõltuvused muutusid
    // print('didChangeDependencies');
  }

  @override
  void didUpdateWidget(MyStatefulWidget oldWidget) {
    super.didUpdateWidget(oldWidget);
    // Widget uuendatud
    // print('didUpdateWidget');
  }

  void _incrementCounter() {
    setState(() {
      // Seisundi muutmine, mis põhjustab uuesti joonistamise
      _counter++;
      // print('setState: counter = $_counter');
    });
  }

  @override
  Widget build(BuildContext context) {
    // UI ehitamine
    // 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 deaktiveeritud
    // print('deactivate');
  }

  @override
  void dispose() {
    // Ressursside vabastamine
    // print('dispose');
    super.dispose();
  }
}