Compose中的主题相关资源

Theme dependent resources in compose(Compose中的主题相关资源)
本文介绍了Compose中的主题相关资源的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有没有办法在Jetpack Compose中使用主题相关的字符串和Drawable?在基于XML的布局中,可以使用属性和主题来完成。

推荐答案

您可以创建自己的局部变量,如下所示:

data class AppResources(
    @DrawableRes val someDrawable: Int,
    @StringRes val someString: Int,
)

val LocalAppResources = staticCompositionLocalOf<AppResources> {
    error("CompositionLocal LocalAppResources not present")
}

在您的主题中提供所需的值:

val LightAppResources = AppResources(
    someDrawable = R.drawable.drawable_light,
    someString = R.string.text_light
)

val DarkAppResources = AppResources(
    someDrawable = R.drawable.drawable_dark,
    someString = R.string.text_dark
)

@Composable
fun AppTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    content: @Composable () -> Unit
) {
    val colors = if (darkTheme) {
        DarkThemeColors
    } else {
        LightThemeColors
    }
    val appResources = if (darkTheme) {
        DarkAppResources
    } else {
        LightAppResources
    }
    MaterialTheme(
        colors = colors,
        typography = typography,
        shapes = shapes,
    ) {
        CompositionLocalProvider(
            LocalAppResources provides appResources,
            content = content
        )
    }
}

然后您可以在您的应用程序中使用它,如下所示:

Image(
    painterResource(id = LocalAppResources.current.someDrawable),
    "..."
)
Text(
    stringResource(id = LocalAppResources.current.someString)
)

这篇关于Compose中的主题相关资源的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

How to target newer versions in .gitlab-ci.yml using auto devops (java 11 instead of 8 and Android 31 instead of 29)(如何在.gitlab-ci.yml中使用自动开发工具(Java 11而不是8,Android 31而不是29)瞄准较新的版本)
Android + coreLibraryDesugaring: which Java 11 APIs can I expect to work?(Android+core LibraryDesugering:我可以期待哪些Java 11API能够工作?)
How to render something in an if statement React Native(如何在If语句中呈现某些内容Reaction Native)
How can I sync two flatList scroll position in react native(如何在本机Reaction中同步两个平面列表滚动位置)
Using Firebase Firestore in offline only mode(在仅脱机模式下使用Firebase FiRestore)
Crash on Google Play Pre-Launch Report: java.lang.NoSuchMethodError(Google Play发布前崩溃报告:java.lang.NoSuchMethodError)