如何在 AppBar 下方制作 2 条颜色线？

Question

如何在 AppBar 下方制作 2 条颜色线？

如下图所示！

Answer 1

一种方法：示例代码 -

Scaffold(
        appBar: AppBar(
          title: Text('Demo'),
          bottom: PreferredSize(
              child: Row(
                children: <Widget>[
                  Expanded(
                    child: Container(
                      height: 5.0,
                      color: Colors.amber,
                    ),
                  ),
                  Expanded(
                    child: Container(
                      height: 5.0,
                      color: Colors.redAccent,
                    ),
                  )
                ],
              ),
              preferredSize: Size.square(1.0)),
        ),

截图：