如何通过 function 更改 object 的属性，该 function 作为参数传递给 ZC047B107777613AFB666Z 中的 object

Question

我想更改 MyButton 中文本字段的值，这样，每次单击按钮时，值都会更改。 我已将值设置为 MyButton 中的属性，并将 function 从 MyButtonRow 传递给 MyButton，每次单击时都会执行该值。 在那个 function 中，我想更改 MyButton 的属性“myString”，所以它会自动更新文本字段。

代码：

class MyButtonRow extends StatefulWidget {
  const MyButtonRow({Key? key}) : super(key: key);

  @override
  _MyButtonRowState createState() => _MyButtonRowState();
}

class _MyButtonRowState extends State<MyButtonRow> {
  @override
  Widget build(BuildContext context) {
    return Container(width: MediaQuery.of(context).size.width,
        child: Row(children: <Widget>[MyButton(onTap: (){
          print("Notify me");
          //I want to change the myText attribute of MyButton here
        }, myText: "Hello",)],));
  }
}

class MyButton extends StatefulWidget {
  final Function onTap;
  final String myText;
  const MyButton({Key? key, required this.onTap, required this.myText}) : super(key: key);

  @override
  _MyButtonState createState() => _MyButtonState();
}

class _MyButtonState extends State<MyButton> {
  var onTap;
  var myString;
  @override
  void initState() {
    onTap = widget.onTap;
    myString = widget.myText;
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return TextButton(onPressed:onTap,
        child: Text(myString));
  }
}

Answer 1

您可以在_MyButtonState的构建中创建方法或分配方法

 onPressed: () {
        onTap();
        setState(() {
          myString = "newValue";
        });
      },

要使用通过构造函数传入的MyButton的myText ，请使用widget.myText作为@Jav T 描述。

在这种情况下，没有必要制作这个StatefulWidget ，您可以简单地将StatelessWidget用于MyButton 。

class MyButton extends StatelessWidget {
  final Function onTap;
  final String myText;

  const MyButton({
    Key? key,
    required this.onTap,
    required this.myText,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return TextButton(
      onPressed: () => onTap(),
      child: Text(myText),
    );
  }
}

Answer 2

问题是您将 newValue 作为构造函数参数传递并将其分配给保留在 state 中的局部变量。 每当调用重建时，initState function 就不会再次调用，只是第一次，我建议不要使用：

@override
  Widget build(BuildContext context) {
    return TextButton(onPressed:onTap,
        child: Text(myString));
  }

您提前使用 go 并使用：

@override
      Widget build(BuildContext context) {
        return TextButton(onPressed:onTap,
            child: Text(widget.myText));
      }

在这种情况下，只要父级重建您的小部件，该值就会更新。 说得通？