如果在 initState() 中创建 Flutter Switch 小部件将不起作用

Question

我正在尝试创建一个 Switch 小部件，将其添加到 initState 内的小部件列表中，然后将此列表添加到 build 方法中 Column 的 children 属性中。该应用程序成功运行，并且 Switch 小部件确实显示，但单击它不会更改它，就好像它不工作一样。我尝试在 build 方法中制作相同的小部件，并且 Switch 按预期工作。

我在 _onClicked 中添加了一些 cmets，这些 cmets 已分配给 Switch 小部件的 onChanged 属性，用于显示 value 属性的流程。

import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    home: App(),
  ));
}

class App extends StatefulWidget {
  @override
  AppState createState() => new AppState();
}

class AppState extends State<App> {

  List<Widget> widgetList = new List<Widget>();
  bool _value = false;

  void _onClicked(bool value) {
    print(_value); // prints false the first time and true for the rest
    setState(() {
      _value = value;
    });
    print(_value); // Always prints true
  }

  @override
  void initState() {
    Switch myWidget = new Switch(value: _value, onChanged: _onClicked);
    widgetList.add(myWidget);
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('My AppBar'),
      ),
      body: new Container(
        padding: new EdgeInsets.all(32.0),
        child: new Center(
          child: new Column(children: widgetList),
        ),
      ),
    );
  }
}

Answer 1

initState 是初始化状态，而不是小部件。 build 是创建小部件。

它失败的原因是因为值更改时需要重建小部件（当您调用setState时），但这不是因为当调用build()时，先前（在initState中）创建小部件被重复使用。

  @override
  Widget build(BuildContext context) {
    List<Widget> widgetList = [];
    Switch myWidget = new Switch(value: _value, onChanged: _onClicked);
    widgetList.add(myWidget);

    return new Scaffold(
      appBar: new AppBar(
        title: new Text('My AppBar'),
      ),
      body: new Container(
        padding: new EdgeInsets.all(32.0),
        child: new Center(
          child: new Column(children: widgetList),
        ),
      ),
    );
  }