Jetpack Compose for Web是否已有Material UI原生实现?
Jetpack Compose for Web 的 Material Design 原生实现状态
Jetpack Compose for Web(Compose Multiplatform的Web端)目前已经提供了纯Compose原生的Material Design实现,完全不需要依赖React或其他Web框架,和你需求的纯Compose方案匹配:
- 支持版本:同时提供Material Design 3(Material You)和Material Design 2的原生实现,API和Android端Jetpack Compose的Material组件高度一致。
- 依赖引入:在项目的
build.gradle.kts中添加对应依赖即可使用:- Material 3依赖:
org.jetbrains.compose.material3:material3 - Material 2依赖:
org.jetbrains.compose.material:material
- Material 3依赖:
- 组件使用:引入依赖后,你可以像编写Android端Compose UI一样,直接使用
Button、TextField、Card、BottomNavigation等Material组件,这些组件会自动适配Web端的交互特性(如hover效果、键盘导航)。
举个简单的Material Button实现示例:
Button(onClick = { /* 处理点击逻辑 */ }) { Text("原生Material按钮") }
你参考的web-landing示例可能没有全面覆盖Material组件,但在自己的项目中引入依赖后,就能快速搭建符合Material Design规范的纯Compose Web应用。
内容的提问来源于stack exchange,提问作者PhilKes
相关产品推荐
相关产品推荐

