Material 3 TopAppBar内边距定义位置及复用问题咨询

一、16dp左右内边距的源码位置 #

你贴出的TopAppBar是上层封装组件，实际内边距的定义在它调用的底层实现里：

1. TopAppBar会调用SingleRowTopAppBar，而后者依赖TopAppBarLayout完成布局渲染。
2. 内边距的核心定义来自Material3的Token系统——TopAppBarSmallTokens.HorizontalEdgePadding，这个常量的值就是16dp。
3. 在TopAppBarLayout的实现中，会将该Token值转化为布局的水平padding，同时结合TopAppBarDefaults.windowInsets处理系统窗口内边距，最终呈现出规范里的16dp左右内边距。

二、避免硬编码的复用方案 #

完全不需要直接写16.dp，有几种可靠的复用方式：

1. 直接引用TopAppBar的内置Token #

可以直接复用定义内边距的Token常量，注意它属于实验性API，需要添加注解或忽略警告：

import androidx.compose.material3.TopAppBarSmallTokens

// 给其他组件设置和TopAppBar一致的水平内边距
Modifier.padding(horizontal = TopAppBarSmallTokens.HorizontalEdgePadding)

2. 从TopAppBarDefaults提取内边距 #

如果不想依赖实验性API，可从默认窗口内边距中提取水平值：

import androidx.compose.material3.TopAppBarDefaults
import androidx.compose.ui.platform.LocalDensity
import androidx.compose.ui.platform.LocalWindowInsets

// 提取TopAppBar的默认水平内边距
val topAppBarHorizontalPadding = with(LocalDensity.current) {
    TopAppBarDefaults.windowInsets.getHorizontalInsets(LocalWindowInsets.current).toDp()
}

// 使用示例
Modifier.padding(horizontal = topAppBarHorizontalPadding)

3. 使用Material主题的通用间距 #

Material3默认主题中，MaterialTheme.spacing.medium对应16dp，和TopAppBar的内边距一致，适合全局复用：

import androidx.compose.material3.MaterialTheme

Modifier.padding(horizontal = MaterialTheme.spacing.medium)

内容的提问来源于stack exchange，提问作者me.at.coding