Kotlin使用Jectpack的Compose组件--基础环境构建

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编写基本毫无阻碍