如何在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)),
        ),

屏幕截图：