我现在使用jetpack compose,我的应用程序有两个区域设置,其中一个是RTL,另一个是LTR。
当用户更改区域设置时,一切正常,整个布局将重新排列。
我遇到的唯一问题是Jetpack合成图标的镜像。我有一个这样的图标按钮:
IconButton(onClick = { backView(true) }) {
Icon(Icons.Filled.ArrowBack, contentDescription = "back")
}
用于向后导航。
我的问题是,当用户切换到RTL语言环境时,此图标不会被镜像。
在Compose之前,我导入了arrow_back
矢量,它有一个auto mirroring
复选框,用于RTL支持。
如何在Compose中实现RTL支持?
2条答案
按热度按时间pzfprimi1#
Use
scale
to mirror the icon:If you want to do this throughout your app, you could just create a Modifier extension function. Here we'll call it
mirror
:And then apply it:
See Scale
xoshrz7s2#
使用compose 1.2.0版,您需要做的就是将autoMirrored属性添加到矢量可绘制对象中: