在AppBar下面添加文本
在AppBar下面添加文本
提问于 2022-02-20 04:54:51
有一个应用程序页面负责显示设备。有一个返回AppBar、Body、抽屉的代码。问:我如何在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(.....),
);回答 3
Stack Overflow用户
回答已采纳
发布于 2022-02-20 05:06:25
你用应用程序底部..。和定制
bottom: PreferredSize(
child: Container(
color: Colors.white,
child: row(
),
),
preferredSize: Size.fromHeight(kToolbarHeight)
),Stack Overflow用户
发布于 2022-02-20 10:37:02
使用bottom属性AppBar并在其中添加文本
文本将显示在AppBar的底部
Stack Overflow用户
发布于 2022-02-20 05:18:33
使用appbar下面的列小部件或在主体上引入列小部件。
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")
])
),
]
),页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71194615
复制相关文章
![[flutter专题]6详解AppBar小部件](https://ask.qcloudimg.com/http-save/yehe-6702670/a601d1634ee6fd2fb758d06e9b9e98f2.png)
点击加载更多
相似问题
在Appbar下面设置Recyclerview
键盘下面的AppBar
堆栈在AppBar下面而不是后面
在另一个AppBar下面的Material粘性AppBar
BottomSheet下面带有appbar_scrolling_behaviour的appbar
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
