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

Jetpack Compose Material3 带展开动画的原生搜索栏是否存在?

Jetpack Compose Material3 带展开动画的原生搜索栏组件说明

是的,你找到的标注@ExperimentalMaterial3Api的SearchBar组件,就是Material3官方提供的、支持演示中展开/收起动画的原生搜索栏实现。

核心匹配点:

  • 组件通过expanded参数控制展开状态,onExpandedChange回调处理状态切换,官方已内置过渡动画,无需手动实现
  • inputField参数自定义搜索输入区域,content参数放置展开后的内容(如搜索建议、历史记录),完全契合演示中的交互逻辑

注意事项:

  • 该组件处于实验阶段(标注@ExperimentalMaterial3Api),后续版本可能存在API变更,使用时需关注版本兼容性
  • 确保使用最新稳定版的Material3依赖,以获得完整的动画和功能支持

你找到的组件实现代码如下:

@ExperimentalMaterial3Api
@Composable
fun SearchBar(
    inputField: @Composable () -> Unit,
    expanded: Boolean,
    onExpandedChange: (Boolean) -> Unit,
    modifier: Modifier = Modifier,
    shape: Shape = SearchBarDefaults.inputFieldShape,
    colors: SearchBarColors = SearchBarDefaults.colors(),
    tonalElevation: Dp = SearchBarDefaults.TonalElevation,
    shadowElevation: Dp = SearchBarDefaults.ShadowElevation,
    windowInsets: WindowInsets = SearchBarDefaults.windowInsets,
    content: @Composable ColumnScope.() -> Unit,
)

内容的提问来源于stack exchange,提问作者Azat Allaberdin

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.13 20:03:10