如何将小部件放置在连续包含的卡内？

Question

目前，我正在尝试创建卡片模板以插入列表视图。 我希望带有图标按钮的列位于最右边。 我似乎找不到一种方法可以说包含图标按钮的列需要向右刷新。

new Expanded(
            child: new ListView(
              shrinkWrap: true,
              padding: const EdgeInsets.fromLTRB(20.0, 0.0, 20.0, 0.0),
              children: <Widget>[
                new Card(
                  child: new Row(
                    children: <Widget>[
                      new Padding(
                        padding: const EdgeInsets.fromLTRB(0.0, 0.0, 10.0, 0.0),
                      ),
                      new Image(
                        //image: new AssetImage("assets/ic_access_alarm_red_24dp.png"),
                        image: new AssetImage("assets/pastDue.png"),
                        height: 50.0,
                        width: 50.0,
                      ),
                      new Padding(
                        padding: const EdgeInsets.fromLTRB(0.0, 0.0, 10.0, 0.0),
                      ),
                      new Column(
                        children: <Widget>[
                          new Text("This is the title"),
                          new Text("This is the Description"),
                          new Text("This is the date"),
                        ],
                      ),
                      new Column(
                        children: <Widget>[
                          new IconButton(
                            icon: new Icon(Icons.note_add),
                            onPressed: () {
                              select("AddCalibration");
                            }
                          ),
                          new IconButton(
                            icon: new Icon(Icons.edit),
                            onPressed: () {
                              select("EditInstrument");
                            }
                          )
                        ],
                      )
                    ],
                  )
                ),

                const Text("I am"),
                const Text("A ListView"),
              ],
            )
          )

这是当前外观的捕获。

Answer 1

谢谢你，vbandrade！

这肯定解决了我的问题。

new Expanded(
              child: new ListView(
            shrinkWrap: true,
            padding: const EdgeInsets.fromLTRB(20.0, 0.0, 20.0, 0.0),
            children: <Widget>[
              new Card(
                child: new ListTile(
                  leading: new Image(
                    image: new AssetImage("assets/pastDue.png"),
                    height: 50.0,
                    width: 50.0,
                  ),
                  title: new Column(
                    children: <Widget>[
                      new Text("This is the title"),
                      new Text("This is the Description"),
                      new Text("This is the date"),
                    ],
                  ),
                  trailing: new Column(
                    children: <Widget>[
                      new IconButton(
                          icon: new Icon(Icons.note_add),
                          onPressed: () {
                            select("AddCalibration");
                          }),
                      new IconButton(
                          icon: new Icon(Icons.edit),
                          onPressed: () {
                            select("EditInstrument");
                          })
                    ],
                  ),
                ),
              ),
              const Text("I am"),
              const Text("A ListView"),
            ],
          ))

这是最终结果。

Answer 2

使用扩展小部件将图标向右推

new Expanded(child: new Container())

所以在您的示例中：new Column（

 children: <Widget>[
 new Text("This is the title"),
 new Text("This is the Description"),
 new Text("This is the date"),],
 ),
 new Expanded(child: new Container()),
 new Column(
 children: <Widget>[
 new IconButton(
 icon: new Icon(Icons.note_add),
 onPressed: () {}),