You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何设置Divider颜色与OutlinedTextField边框默认颜色一致?

解决Divider颜色与OutlinedTextField边框一致的问题

方法1:Material 3 主题直接复用outline颜色

在Material 3的Jetpack Compose体系中,OutlinedTextField的默认边框颜色直接取自主题的ColorScheme.outline,给Divider设置这个颜色就能完美匹配:

Divider(
    color = MaterialTheme.colorScheme.outline
)

方法2:Material 2 主题复用对应颜色值

如果使用的是Material 2主题,OutlinedTextField的默认边框颜色是onSurface颜色叠加0.12的透明度,直接用这个组合值即可:

Divider(
    color = MaterialTheme.colors.onSurface.copy(alpha = 0.12f)
)

原理说明

这两种方式都是直接复用Compose组件库内部的主题色值,不需要硬写固定颜色代码,既能保证和OutlinedTextField边框颜色完全一致,还能自动跟随主题切换(比如深色/浅色模式),比手动取色更可靠。

内容的提问来源于stack exchange,提问作者askSoap

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.15 04:32:04