Compose组件的使用 前言

Compose环境的搭建

环境搭建

Android Studio版本需要升级，目前本人使用的版本是Android Studio Arctic Fox | 2020.3.1 Patch 2

需要支持kotlin

classpath "com.android.tools.build:gradle:7.0.2" classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.6.10"

最低支持版本

defaultConfig { minSdk 21 }

支持配置Compse

buildFeatures { // 支持 Jetpack Compose compose true }

kotlin 相关参数配置

kotlinOptions { jvmTarget = "1.8" // 启用新的 jvm IR useIR = true }

Jetpack compose 相关参数配置

composeOptions { //kotlin 额外编译版本 和Jetpack Compose 版本一致 kotlinCompilerExtensionVersion compose_version }

Jetpack compose 相关依赖

// 基础组件 implementation "androidx.compose.ui:ui:$compose_version" // Material Design 组件相关实现 implementation "androidx.compose.material:material:$compose_version" // ui相关工具，比如视图预览 implementation "androidx.compose.ui:ui-tooling:$compose_version"

上面的配置当然也可使用Android Studio 新建Empty Compose Activity项目自动配置 如果有Flutter的基础，会发现Compose的UI组件和Flutter的组件基本是一样的风格，学好了Compose的组件在学习Flutter的UI编写基本毫无阻碍

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。