Flutter 如何在颤振中在滑动条下创建线？

我想在appbar下添加一行，如图2所示。
我怎样才能在颤振中打出这条线？
图一是现在的应用程序，图二是滑动应用程序条下的线条 *已尝试使用容器和分隔器

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: <Widget>[
          SliverAppBar(
            backgroundColor: Colors.white,
            elevation: 0,
            leading: IconButton(
              icon: SvgPicture.asset(
                'assets/icons/home_icon.svg',
                color: Colors.black,
              ),
              onPressed: () {}
            ),
            actions: [
              IconButton(
                icon: SvgPicture.asset(
                  'assets/icons/search_icon.svg',
                  color: Colors.black,
                ),
                onPressed: () {
                }
              ),
              IconButton(
                icon: SvgPicture.asset(
                  'assets/icons/shopping_bag_icon.svg',
                  color: Colors.black,
                ),
                onPressed: () {},
              ),
              IconButton(
                icon: SvgPicture.asset(
                  'assets/icons/profile_icon.svg',
                  color: Colors.black,
                ),
                onPressed: () {}
              ),
            ],
            floating: true,
          ),
          SliverList(
            delegate: SliverChildBuilderDelegate(
              (context, index) => ListTile(title: Text('Item #$index')),
              childCount: 1000,
            ),
          ),
        ],
      ),
    );
  }
}

类主屏幕扩展StatefulWidget{
@凌驾
_HomeScreenState createState（）=>\u HomeScreenState（）；
}
类_homescrenstate扩展状态{
@凌驾
小部件构建（构建上下文）{
返回脚手架(
正文：自定义滚动视图(
条子：[
滑杆(
背景颜色：Colors.white，
海拔：0，
领先：IconButton(
图标：SvgPicture.asset(
“资产/图标/home_icon.svg”，
颜色：颜色，黑色，
),
onPressed:（）{}
),
行动：[
图标按钮(
图标：SvgPicture.asset(
“资产/图标/搜索图标.svg”，
颜色：颜色，黑色，
),
已按下：（）{
}
),
图标按钮(
图标：SvgPicture.asset(
“资产/图标/购物袋图标.svg”，
颜色：颜色，黑色，
),
按下：（）{}，
),
图标按钮(
图标：SvgPicture.asset(
“资产/图标/profile_icon.svg”，
颜色：颜色，黑色，
),
onPressed:（）{}
),
],
浮动：是的，
),
银表(
代表：SliverChildBuilderDelegate(
（上下文，索引）=>ListTile（标题：Text（'Item#$index'）），
儿童人数：1000，
),
),
],
),
);
}
}

---

更多txt用于堆栈有效的我的问题

SliveAppbar小部件中有一个“底部”属性，它采用首选大小小部件，您可以为它提供以下内容：

bottom: PreferredSize(
        preferredSize: Size(double.infinity, 5),
        child: Divider(color: Colors.black),
),

---

在我的例子中，我需要更多地控制应用程序条下的行，因此我最终实现了如下：

SliverPersistentHeader(
  pinned: true,
  delegate: MySliverElevationDelegate(
    child: Material(
      //elevation: 4.0,
      child: Container(
        color: Colors.black,
      ),
    ),
  ),
)

---

干杯

对于omar hatem的回答，属性“大小”应该是“首选大小”

bottom: PreferredSize(
                    preferredSize: Size(double.infinity, 5),
                    child: Divider(color: Colors.black),
                  ),