在ListTile底部添加按钮

Question

我正在尝试寻找一个Flutter的示例，其中可以在ListTile的底部放置按钮。我有以下代码，但不知何故无法在单元格底部添加按钮，我想添加3个按钮，类似于分享的图片 。

ListTile(title: Text("ListTile"),
             subtitle: Text("Sample Subtitle. \nSubtitle line 3"),
             trailing: Icon(Icons.home),
             leading: Icon(Icons.add_box),
             isThreeLine: true,
             onTap: (){
                    print("On Tap is fired");
             },

    )

- user13410550

---

或许使用ListView和自定义小部件CustomWidget，而不是ListTile可能是更好的选择...我只在某些"标准"中找到了ListTile。 - jjchiw

Answer 1

您可以像这样在 subtitle 中使用列：

ListTile(
            title: Text('title'),
            subtitle: Column(
              children: <Widget>[
                Text('inside column'),
                FlatButton(child: Text('button'), onPressed: () {})
              ],
            ),
          ),

在 code pen 上预览

- hewa jalal

Answer 2

您可以使用ButtonBar

                     ButtonBar(children: [
                                    FlatButton(
                                      child: Text("Initialised Love"),
                                      onPressed: () {},
                                    ),
                                  ]),

- Pro Co

Answer 3

尝试在您的副标题中使用具有2行的列。

subtitle: Column(
                  children: <Widget>[
                    Container(height: 50, color: Colors.red, child: Row()),
                    Container(
                        child: Row(
                      children: <Widget>[
                        FlatButton(
                          child: Text("btn1"),
                          onPressed: () {},
                        ),
                        FlatButton(
                          child: Text("btn2"),
                          onPressed: () {},
                        ),
                        FlatButton(
                          child: Text("btn3"),
                          onPressed: () {},
                        ),
                      ],
                    ))
                  ],
                ),

- Benedikt J Schlegel