如何设置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
相关产品推荐
相关产品推荐

