You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Material3 Compose中TopAppBar/SmallTopAppBar默认高度如何查询?

查询Material3 TopAppBar默认高度的方法
  • 直接引用内置常量
    Material3的Compose库为不同类型的TopAppBar提供了默认高度常量,你可以直接在自定义搜索栏的代码里使用这些值,保证和系统TopAppBar高度一致:

    • 普通TopAppBar默认高度:TopAppBarDefaults.topAppBarHeight
    • SmallTopAppBar默认高度:TopAppBarDefaults.smallTopAppBarHeight
    • Medium、Large类型的TopAppBar也对应有mediumTopAppBarHeight、largeTopAppBarHeight常量
  • 查看源码确认具体数值
    如果你想知道这些常量的具体像素值,直接查看TopAppBarDefaults的源码即可,比如SmallTopAppBar的默认高度通常是56.dp。

  • 预览对比验证
    也可以在Compose预览中同时展示系统的SmallTopAppBar和你的自定义搜索栏,调整搜索栏高度直到两者视觉上完全对齐,快速确保样式统一。

内容的提问来源于stack exchange,提问作者M Rajoy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.25 15:13:07