我是否可以将徽章添加到不是前导或尾随小部件的Flutter ListTile中？
在Flutter中，ListTile是一个常用的小部件，用于在列表中显示信息。但是，默认情况下，ListTile是不支持在其中添加徽章（Badge）的。
如果你想在一个不是前导或尾随小部件的ListTile中添加徽章，你可以使用ListTile的contentPadding属性和Row小部件来自定义布局。具体步骤如下：
- 首先，使用ListTile的contentPadding属性来设置ListTile的内边距，以便给徽章留出空间。例如：
ListTile(
contentPadding: EdgeInsets.fromLTRB(16, 8, 16, 8),
// 其他属性...
)- 接下来，在ListTile的title属性中使用Row小部件来包裹文本和徽章。徽章可以通过Container和DecoratedBox小部件来创建并进行样式设置。例如：
ListTile(
contentPadding: EdgeInsets.fromLTRB(16, 8, 16, 8),
title: Row(
children: [
Text('标题'),
Container(
margin: EdgeInsets.only(left: 8),
padding: EdgeInsets.symmetric(horizontal: 6, vertical: 2),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Colors.red,
),
child: Text(
'徽章',
style: TextStyle(color: Colors.white),
),
),
],
),
// 其他属性...
)通过以上步骤，你可以在不是前导或尾随小部件的ListTile中成功添加徽章。
至于相关的云计算产品和产品介绍，这里推荐腾讯云的云服务器（CVM）和轻量应用服务器（Lighthouse）。云服务器提供稳定、可靠、安全的云计算服务，轻量应用服务器则提供轻量级的云计算资源，适合快速部署简单应用。你可以在腾讯云的官方网站上了解更多详情和获取产品介绍：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 轻量应用服务器（Lighthouse）：https://cloud.tencent.com/product/lighthouse
相关·内容
我在我的flutter应用程序中有一个使用ListView.builder的列表，类似于上图。我能够添加一个前导小部件和尾随小部件。 我想要做的是添加一个额外的徽章，比如图片中的那些。使用ListTiles可以做到这一点吗？还有没有别的办法呢？
浏览 30提问于2020-11-11得票数 1
回答已采纳
我需要将展开瓷砖的标题放在展开的底部，这是我的代码： title: Text('Colors'), // Contents ListTile(backgroundColor: Colo
浏览 6提问于2022-04-25得票数 1
2回答
伙计们，我有个问题要问你们:我已经建立了一个PageView。在这个PageView中是一个ListView，在这个ListView中是一个小部件列表。但不幸的是我的代码不起作用了。我也不知道为什么。我对颤音还很陌生。我非常感谢你的帮助。当我用Colum替换ListView时，代码工作得很好，但不幸的是，我不能滚动.但它必须是可滚动的</
浏览 3提问于2020-04-03得票数 0
回答已采纳
继承自具有固定高度的。没有用于平铺高度的输入参数。有什么方法可以改变扩展磁贴的
浏览 0提问于2017-09-27得票数 5
回答已采纳
5回答
我有一个ListTile，它有一个前导复选框、一个标题和一个尾随图标。随着上一次颤动更新，复选框和图标由于某种原因不再居中。我想让它们垂直居中。我尝试以各种方式将Center()、Align()、Expanded()和Flexible()添加到复选框中，但它只是将标题推出屏幕或什么也不做。
浏览 0提问于2019-03-15得票数 26
4回答
在这段代码中，我试图在页面最上面列出按钮或瓷砖的列表，“因为按钮对我不好”。因此，当单击其中一个时，它将返回页面其余部分中的值。这是运行代码后的错误：
class HomePage ext
浏览 0提问于2018-10-30得票数 44
回答已采纳
3回答
嗨，我想在的帮助下给我的脚手架增加一个抽屉 ), onTap: () {}, //TODO add dark mod
浏览 1提问于2021-02-02得票数 0
回答已采纳
5回答
在颤振扩展面板中，默认情况下它上有一个图标。我要怎么做？这是我的密码 expansionCallback: (int index, bool isExpanded) {}, return Stack(children: [
浏览 7提问于2020-08-16得票数 7
1回答
我正在我的一个应用程序中使用 by @Taifun，我正在尝试调试从列表中得到的值的问题。
用户将项目添加到列表中，然后将其保存到自定义tinyWebDB中。我的问题是-可排序列表是否在加载列表或返回值时删除前导或尾随空格？如果是，是否有任何方法禁用
浏览 1提问于2018-08-26得票数 1
回答已采纳
我正在学习Listview，我有以下两个省道文件，一个使用ListView构建器，另一个使用Listview。两者输出相同的结果。我一直在遵循列表视图指南：--我理解现实世界中的数据将来自于API，并且想知道将使用以下选项中的哪些，以及为什么？是正确的，我理解像容器这样的任何小部件，文本都<
浏览 4提问于2020-09-18得票数 0
回答已采纳
1回答
将存储科学表示法中的数字的字符串转换为整数的规范方法是什么？"1e6"1000000
至于反向过程，用科学的表示法将整数转换成字符串，我知道我可以使用@sprintf宏。如果一个人知道实现精确反向过程的确切格式--如此小的e，没有额外的尾随.00零(如1.00e6)或前导零(
浏览 0提问于2019-05-13得票数 2
回答已采纳
我想在ListView.builder中创建一个浮动小部件，它将遵循滚动的位置，就像在许多网站或其他应用程序中一样。我从来没有见过这样的小部件，也找不到。有人能分享他的经验或给一些好主意如何创建这样一个小部件吗？
浏览 0提问于2019-07-18得票数 0
回答已采纳
我正在尝试在颤振中执行基本的部件测试。基本上，我希望有一个包含数据列表的列表，并在一个自定义小部件(BasicListItem)中显示每个项目，其中也包含一个ListTile小部件。(BasicListItem)有一个标题，并在ListTile小部件中使用它。ListTile小部件需要一个物质小部件祖先。
... ...运行测
浏览 4提问于2021-05-24得票数 2
回答已采纳
2回答
颤动中的列和行
、、
我正在写我的第一个flutter项目作为大学毕业设计，我注意到我在课堂上使用了太多的列和行，我想知道这是不是一件好事，是否有更好的方法？
浏览 19提问于2021-02-25得票数 1
所以我有一个抽屉，我可以用左上角的汉堡包图标打开它。如果我将屏幕切换到另一个页面，这个汉堡图标会变成一个后退按钮(<--)。如何再一次把它变成汉堡的图标呢？
浏览 120提问于2021-04-16得票数 0
回答已采纳
在这个应用程序中，当用户单击FAB时，它返回一个封装在Card中的GestureDetector。当用户单击显示的卡片时，GestureDetector将导航到其他页面。我希望实现一个delete函数，这样我就可以取消一个Card。
因此，我将child: of Card定义为带有尾随Icon的ListTile，该Icon应该删除特定的Card。但是当我添加一个C
浏览 2提问于2019-09-13得票数 0
回答已采纳
生成将拒绝未修剪的输入字符串的表达式。白名单是a，a，0-9，空格.space is exist$das dsfds // not whi
浏览 3提问于2016-08-13得票数 15
回答已采纳
我需要移除ListTile中的前导Widget和title Widget之间的一些空白。它的空格太多了。有办法吗？我所使用的代码如下： return new ListTile
浏览 14提问于2019-01-11得票数 60
回答已采纳
我正在尝试构建一个非常简单的ToDo应用程序。它由屏幕顶部的TextField和Button (表单)组成，允许用户向TextField下的ListView添加项目。我可以显示TextField和Button，也可以显示ListView，但是当我尝试同时显示这两个时，屏幕是空的。 我是不是遗漏了什么？我尝试将ListView显示到一个Column小部件中<
浏览 22提问于2019-01-07得票数 5
回答已采纳
我注意到，当提示输入我的选择时，如果我按enter (创建空行)，它没有检测到我的输入是0长度的输入，而是允许我进入下一行。我如何以一种简单的方式阻止它，即使它是一个空的输入，它仍然注册。
浏览 1提问于2020-06-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
