如何在有状态小部件 flutter 中使用 static 构造函数？

Question

我想用不同的 boolean 值初始化来制作一个可点击的iconButton 。

获取IconButton代码：

Row(
 children: [
  CheckIcon(isCheck: true,),
  CheckIcon(isCheck: false,),
  CheckIcon(isCheck: true,),
 ],
),

IconButton代码：

import 'package:flutter/material.dart';

class CheckIcon extends StatefulWidget {
  static bool? isCheck;

  //the error is hire
  const CheckIcon({
    Key? key,
    // I can't initialize the static boolean in constructor
  }) : super(key: key);

  @override
  State<CheckIcon> createState() => _CheckIconState();
}

class _CheckIconState extends State<CheckIcon> {
  @override
  Widget build(BuildContext context) {
    return IconButton(
      splashRadius: 18.0,
      icon: Icon(
        CheckIcon.isCheck!
            ? Icons.check_circle_rounded
            : Icons.check_circle_outline_rounded,
        color: Colors.lightBlue,
        size: 20,
      ),
      onPressed: () {
        setState(() {
          CheckIcon.isCheck = !CheckIcon.isCheck!;
        });
      },
    );
  }
}

如何在 flutter 的构造函数状态小部件中初始化 static boolean？

我希望你有想法分享，干杯...谢谢

Answer 1

为什么使用static ？ Static 字段在所有实例之间共享，您不会有不同的状态。

而是使用State字段并在setState方法中更改它：

class CheckIcon extends StatefulWidget {
  final bool isCheck;

  const CheckIcon({
    Key? key,
    required this.isCheck, // here we set first value
  }) : super(key: key);

  @override
  State<CheckIcon> createState() => _CheckIconState();
}

class _CheckIconState extends State<CheckIcon> {
  late bool checked = widget.isCheck; // here we set first value and then change it in setState

  @override
  Widget build(BuildContext context) {
    return IconButton(
      splashRadius: 18.0,
      icon: Icon(
        checked
            ? Icons.check_circle_rounded
            : Icons.check_circle_outline_rounded,
        color: Colors.lightBlue,
        size: 20,
      ),
      onPressed: () {
        setState(() {
          checked = !checked;
        });
      },
    );
  }
}

Answer 2

您在施工中无法通过 static 请参阅以下文档。

https://dart.dev/tools/diagnostic-messages?utm_source=dartdev&utm_medium=redir&utm_id=diagcode&utm_content=initializer_for_static_field#initializer_for_static_field

相反，如果您的情况没问题，您可以使用它。

 // ignore: must_be_immutable
 class CheckIcon extends StatefulWidget {
   bool isCheck;
 
   CheckIcon({
     Key? key,
     required this.isCheck,
   }) : super(key: key);
 
   @override
   State<CheckIcon> createState() => _CheckIconState();
 }
 
 class _CheckIconState extends State<CheckIcon> {
   @override
   Widget build(BuildContext context) {
     return IconButton(
       splashRadius: 18.0,
       icon: Icon(
         widget.isCheck ? Icons.check_circle_rounded : Icons.check_circle_outline_rounded,
         color: Colors.lightBlue,
         size: 20,
       ),
       onPressed: () {
         setState(() {
           widget.isCheck = !widget.isCheck;
         });
       },
     );
   }
 }

Answer 3

您不能在构造函数中使用 static 变量。 你可以这样做

class CheckIcon extends StatefulWidget {
  final bool? isCheck;


  const CheckIcon({
    Key? key,
required this.isCheck
  }) : super(key: key);

  @override
  State<CheckIcon> createState() => _CheckIconState();
}

class _CheckIconState extends State<CheckIcon> {
  @override
  Widget build(BuildContext context) {
    return IconButton(
      splashRadius: 18.0,
      icon: Icon(
        CheckIcon.isCheck!
            ? Icons.check_circle_rounded
            : Icons.check_circle_outline_rounded,
        color: Colors.lightBlue,
        size: 20,
      ),
      onPressed: () {
        setState(() {
          widget.isCheck = !widget.isCheck!;
        });
      },
    );
  }
}