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
相关产品推荐
相关产品推荐

