跟踪平面按钮在ListTile中溢出

Question

我有一个ListView和ListTile。每个ListTile的标题均为Text，副标题为Text，后跟两个Flatbuttons进入Column。但是Flatbuttons溢出了ListTitle。我如何确保FlatButtons保持在界限内？

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLmltZ3VyLmNvbS9uY1o1WWdXLnBuZyJ9” alt =“ FlatButtons溢出”>

Answer 1

在这种情况下，您真的需要平面按钮吗？还是使用IconButton（）更好？无论如何，请记住，扁平按钮的最小尺寸为88.0 x 36.0，可以用[ButtonTheme]覆盖。

还要记住，前导和尾随的小部件的高度是根据Material规范限制的。单行ListTiles例外，以实现可访问性。

https://api.flutter.dev/flutter/material/ListTile-class.html

例如：

ButtonTheme(
  minWidth:60,
  height:40
  child:FlatButton(
    child:Text("HelloWorld")
  )
)

Answer 2

使用扩展名

  trailing: Column(
    children: <Widget>[
      Icon(Icons.keyboard_arrow_right),
      Expanded(
        child: FlatButton(
          child: Text('text'),
          onPressed: () => {},
        ),
      )
    ],
  ),