使用复选框更改另一个小部件 Flutter

Question

我是 Flutter 的新手，我在 Dribble 上发现了一个非常酷的待办事项设计，所以我想创建这个应用程序。这是设计：

我想知道如何使用 CheckBox 的回调函数将图块的文本部分的颜色更改为这种蓝色。我的磁贴当前是一行，其中包含一个复选框和一个带有文本的容器。所以我想当我单击该复选框时，我的容器的背景颜色变为蓝色。我不知道该怎么做。如果你有什么想法请告诉我。

Answer 1

Flutter 应用程序与应用程序状态一起工作，这些状态包含有关应用程序推送的屏幕的信息。

您需要做的是更新当前小部件的状态，并更改将背景设置为 X 颜色的值。

这里有多个关于状态管理的文档：https://flutter.dev/docs/development/data-and-backend/state-mgmt/options，我强烈建议初学者从setState方法开始，因为它是最简单的方法。

此外，如果您不知道如何管理状态，我真的建议您阅读文档以了解小部件的工作原理以及如何构建 flutter 应用程序：https://flutter.dev/docs/development/ui/widgets-intro

Answer 2

好吧，我只需要将它放在我的容器的颜色属性中，因为我知道当我的复选框被点击时 Checked 为 true。

child: Container(
            
            height: 50,
            decoration: BoxDecoration(
              borderRadius : BorderRadius.circular(15),
              color: widget.isChecked ? Color(0xFF2765f9) : Color(0xFF292E3C),

使用复选框更改另一个小部件 Flutter

Change another widget with a checkbox Flutter

flutter

checkbox

tile