Android中能否实现内部穿插多段文本和多个图标的Chip组件?
以上是我想要实现的效果,请问能否使用Chip组件完成该需求?
完全可以用Chip组件实现该效果,主流前端UI框架的Chip/标签类组件都能通过简单配置达到图中的展示效果,不同场景的实现方式如下:
- 如果你使用Material UI系列框架:直接为
Chip组件传入icon属性配置左侧的勾选图标,通过color、variant属性配置选中和未选中状态的背景色、边框样式,绑定onClick事件即可实现选中切换逻辑 - 如果你使用Ant Design/Element Plus等国内主流UI框架:框架内置的Tag组件(部分版本也命名为Chip)支持自定义前缀插槽,你只需要插入对应图标,额外写少量CSS调整圆角、内外边距就能完全匹配设计样式
- 如果你不使用第三方组件库:自己手写一个带图标的标签组件成本也很低,只需要用flex布局排列图标和文字,加几行选中态样式即可实现
内容的提问来源于stack exchange,提问作者Prosenjith Roy
相关产品推荐
相关产品推荐


