Question

为此，我正在尝试更改复选框（实际上是自定义复选框）的颜色，我在下面编写了代码，当我按下图标时，调用了onPressed()方法，但是图标的颜色却没有。根本没有改变。

我的小部件setState()无法识别。我已包含import package:flutter/material.dart

这是代码

Widget _choice() {
var isPressed = false;
return Container(
height: 90,
width: 160,
color: Color(0xFFe6e9ed),
child: Column(
  children: <Widget>[
    Align(
      alignment: Alignment(0.9, 0),
      child: IconButton(
        icon: Icon(
          Icons.check_circle,
          size: 25,
            color:(isPressed) ? Color(0xff007397) : Color(0xff9A9A9A)
        ),
      onPressed: (){
        setState((){ // <--  this setState is un-recognizable by flutter ide
          if(isPressed){ print("checkbox pressed");
          isPressed = false;
          } else {
            isPressed = true;
          }
        });
      },
      ),
    ),
    Align(
      alignment: Alignment(-0.8, 0),
      child: Text("Category choice 1"),
    ),
    Align(
      alignment: Alignment(0.9, 0),
      child: Icon(
        Icons.phonelink,
        size: 40,
      ),
    ),
  ],
),);}

Answer 1

您必须使用StatefulWidget。

具有可变状态的小部件。

状态是以下信息：（1）在构建窗口小部件时可以同步读取，并且（2）在窗口小部件的生存期内可能会更改。小部件实现者有责任使用State.setState确保在状态发生变化时及时通知该状态。   例如

class MyDemo extends StatefulWidget {
  @override
  _MyDemoState createState() => _MyDemoState();
}

class _MyDemoState extends State<MyDemo> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: IconButton(icon: null, onPressed: (){
        setState(() {
          //Do your stuff
        });
      }),
    );
  }
// every method which changes state should exist within class only
  Widget _check(){
    return IconButton(icon: null, onPressed: (){
      setState(() {

      });
    });
  }

}

Answer 2

您必须具有状态小部件才能使用setState。 setState用于更改窗口小部件的状态。你可以通过这个 Stateless & Stateful Widget

未定义函数setState。扑

2 个答案: