Flutter-AppBar底部小部件

Question

我想问一下，因为有很多错误，是否可以像这样放置Divider()小部件：

AppBar(
  bottom: Divider()
)

如果是的话，谁能告诉我如何做到这一点

Answer 1

试试这个...

bottom: PreferredSize(
      child: Container(
         color: Colors.orange,
         height: 4.0,
      ),
      preferredSize: Size.fromHeight(4.0)),

Answer 2

如果您阅读bottom文档，则该文档必须实现PreferredSizeWidget，而Divider没有实现。

但是您可以创建自己的版本并在其中使用。

class MyDivider extends Divider implements PreferredSizeWidget {
  MyDivider({
    Key key,
    height = 16.0,
    indent = 0.0,
    color,
  })  : assert(height >= 0.0),
        super(
          key: key,
          height: height,
          indent: indent,
          color: color,
        ) {
    preferredSize = Size(double.infinity, height);
  }

  @override
  Size preferredSize;
}