Flutter 如何通过按钮点击和颤振划掉文本

Flutter 如何通过按钮点击和颤振划掉文本,flutter,flutter-layout,Flutter,Flutter Layout,嘿,我想做一个检查表,如果你点击检查按钮,这一行应该被划掉 现在我已经弄清楚了文本样式应该改成什么样的装饰。我现在有两个问题,我真的不知道如何在列表块的主体中添加按钮,在文本旁边&我真的不知道如何添加按钮功能 style: TextStyle(decoration: TextDecoration.lineThrough)) 这是相关代码 body: ListTile( title: Text(info.expandedValue, //here should the textsty

嘿,我想做一个检查表,如果你点击检查按钮,这一行应该被划掉

现在我已经弄清楚了文本样式应该改成什么样的装饰。我现在有两个问题,我真的不知道如何在列表块的主体中添加按钮,在文本旁边&我真的不知道如何添加按钮功能

style: TextStyle(decoration: TextDecoration.lineThrough))
这是相关代码

body: ListTile(
      title: Text(info.expandedValue, //here should the textstyle change based on the click
      ),
      subtitle: Text("Drücke auf den Mülleimer, um diesen Abschnitt bis zum Neustart der App zu löschen"),
      trailing: Icon(Icons.delete),
      onTap: () {
        setState(() {
          infos.removeWhere((currentInfo) => info ==currentInfo);
        });
      },
    ),

谢谢你的建议

假设您的模型已完成某个布尔属性,则可以使用带有复选框的ListTile

listile(
前导:复选框(
值:info.completed,
一旦更改:(值){
设置状态(){
//在这里,您可以切换选中的项目状态
infos.firstWhere((currentInfo)=>info==currentInfo)…completed=value;
});}
),
标题:文本(信息说明,
样式:TextStyle(装饰:info.completed?TextDecoration.lineThrough:null)),
),

您必须将listTile和一个flatbutton包装在一行中。Hey工作正常,但是否有办法移动复选框?我需要它稍微高一点sure@Nikita,尝试将复选框包装在填充中,并在底部添加一些。或者使用带有复选框和文本的行(而不是ListTile)作为子级展开,这样您可以更好地控制布局。谢谢!最后一件事,我目前正在尝试将另一个常规列表添加到扩展部分,但没有安静的工作,你知道如何将另一个列表添加到互动程序的扩展部分吗?嘿@Nikita可能这应该是一个不同的问题。如果是,请将此问题标记为已回答,并将链接放到下一个问题。你是对的,希望链接对你有用