Jetpack Compose -＞ 分包 & 自定义Composable

前言

 上一章我们讲解了 Compose 基础UI 和 Modifier 关键字，本章主要讲解 Compose 分包以及自定义 Composable；

Compose 如何分包

我们在使用 Button 控件的时候，发现如果我们想给按钮设置文本的时候，Button 函数并没有直接提供设置 text 的参数，要我们自己去调用 Text 进行设置；

Column {    
    Button(onClick = {}) {        
        Text(text = "我是老A")    
    }
}

可能到这里的时候，大家就会困惑了，Compose 为什么要这么搞呢？我们可以去源码中一探究竟，我们可以看到 Button 函数是在 androidx.compose.material3 这个包下面

Button 来自 compose.material3 这个组下面的，也就是 Maven 包的 groupId 是 androidx.compose.material3，对应的就是 build.gradle 中的依赖关系

其实Compose 由 androidx 中的 7 个 Maven 组 ID 构成。每个组都包含一套特定用途的功能，并各有专属的版本说明；

Compose 其实一共是分了6层，material 和 material3 是一个，只是不同的分支；每个组下面有不同的分包，我们其实可以看到 ui 下面就有不同的ui、ui-tooling-preview、ui-graphics 等等，Android 团队这么分包，其实是针对 View 系统的一个优化；

View 系统是没有这个分层的，这就导致后期越来越严重的扩展性问题，例如 View 系统中的 ListView，ListView 中有一个对 View 的回收复用机制，这个机制 RecyclerView 是没有办法复用的，也就是它们两个各自维护着一套复用机制，这就是分层不明确导致的；

所以 Compose 在设计之初就明确了分层概念，分层之后的各自扩展，就不会受到限制；

compose.compiler 严格来说，它其实并不属于这7层，它提供的并不是库依赖，它代表的是 kotlin 编译插件，转化 @Composable functions 并启用优化功能，它是负责编译过程的，我们在依赖里面也完全不需要去配置它，只需要在 Compose 的专用配置地方去写上你要的编译插件版本就行，对应的就是这里：