颤振 ||在 AppBar 下面添加文本

Question

有一个应用页面，负责显示设备。有一个代码就是returns AppBar, Body, Drawer。 问题：如何在 AppBar 和 Body 之间放置描述“设备列表”（如图）

      @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        automaticallyImplyLeading: true,
        backgroundColor: Colors.black,
        title: const Text('IT', style: TextStyle(fontSize: 45,
                                   fontWeight: FontWeight.w800,
                                    color: Colors.white)),
        centerTitle: true,
        actions: [
          IconButton(
            icon: const Icon(Icons.filter_alt,
                             size: 30.0,),
            color: Colors.white,
            onPressed: () {
              showDialog<Filter>(context: context, builder: (_) {
                return FilterDialog(onApplyFilters: _filter,);
              });
            },
          ),
        ],
      ),

      body: PhonesList(phones: filteredPhones),

      drawer: Drawer(.....),
            
    );

Answer 1

您使用应用栏底部...和自定义

 bottom: PreferredSize(
                child: Container(
                  color: Colors.white,
                  child: row(
                  ),
                ),
          preferredSize: Size.fromHeight(kToolbarHeight)
             ),

Answer 2

在应用栏下方使用列小部件或在 Body 上引入列小部件。

Column(
          children:<Widget>[
            Container(
              decoration:BoxDecoration(
                borderRadius:BorderRadius.circular(10),
                color:Colors.green
              ),
              child: Column(
                children:<Widget>[
                     Text("iphone 11 ",style: TextStyle(color:Colors.white,fontSize:25),),
                        Text("ios 15")
                ])
            ),
            Container(
              decoration:BoxDecoration(
                borderRadius:BorderRadius.circular(10),
                color:Colors.green
              ),
              child: Column(
                children:<Widget>[
                     Text("iphone 13 ",style: TextStyle(color:Colors.white,fontSize:25),),
                        Text("ios 13")
                ])
            ),
           
          ]
        ),

Answer 3

使用 AppBar 的 bottom 属性 并在其中添加文本

文本将显示在 AppBar 的底部