searchInput仅在app-plus和H5平台生效，小程序需手写自定义搜索栏并动态适配导航栏高度；配置须置于style.app-plus.titleNView下，disabled默认true，borderRadius等属性格式需严格匹配。
pages.json 里配置 searchInput 不生效？先确认平台支持范围
状态栏搜索框（即 titleNView.searchInput）仅在 app-plus 和 h5 平台有效，mp-weixin、mp-alipay、app-harmony 等平台完全不识别该配置。很多开发者写了却没效果，根本原因是误以为它跨端通用。
常见错误现象：pages.json 中写了 searchInput，但微信小程序里什么都没出现，控制台也无报错——这是预期行为，不是 bug。
- 只在 App 和 H5 端可用；小程序必须手写搜索组件
- 配置需放在具体页面的
style.app-plus.titleNView下，不能写在globalStyle或其他层级 -
disabled: true是默认值，不显式设为false就不会显示
app-plus 下 searchInput 样式参数怎么配才不翻车
官方文档对 searchInput 的属性描述较简略，实际使用中几个关键字段容易被忽略或误用：
-
backgroundColor控制输入框背景色，但不控制文字颜色；placeholderColor必须单独设，否则 placeholder 文字可能不可见 -
borderRadius接收字符串如"40px"，不能写数字40，否则 H5 端圆角失效 -
align只接受"left"/"center"/"right"，传错值（如"start"）会导致整个 searchInput 不渲染 - 如果同时配置了
buttons，搜索框会自动缩窄以腾出空间，无需手动计算宽度
正确示例：
{
"path": "pages/index/index",
"style": {
"app-plus": {
"titleNView": {
"searchInput": {
"align": "center",
"backgroundColor": "#ffffff",
"borderRadius": "24px",
"placeholder": "搜服务、找零工",
"placeholderColor": "#999999",
"disabled": false
}
}
}
}
}微信小程序想有顶部搜索框？只能手写 + 动态高度适配
小程序没有原生 searchInput 支持，必须用自定义导航栏方案：关闭系统导航栏 + 手动实现一个视觉和交互一致的搜索区域。
关键点不在“怎么画”，而在“怎么贴得准”：
- 必须调用
uni.getSystemInfoSync().statusBarHeight获取状态栏高度 - 必须调用
uni.getMenuButtonBoundingClientRect()获取右上角胶囊按钮位置，再算出导航栏真实高度（(top - statusBarHeight) * 2 + height） - 自定义搜索区域要包裹在
:style="{ height: navBarHeight + 'px' }"的容器内，且该容器需position: fixed或通过占位元素撑开页面内容 - 不要硬编码
44px或54px，iPhone 14 Pro、华为 Mate 60、折叠屏等设备的导航栏高度差异极大
漏掉胶囊按钮高度计算，会导致搜索框在部分安卓机上被截断或偏移——这是最常被忽略的兼容性坑。
uni-search-bar 能否直接塞进自定义导航栏？可以，但要注意结构嵌套
把 <uni-search-bar> 当作子组件放进自定义导航栏里是可行的，但它不是“透明容器”，它的内部结构会影响布局：
-
uni-search-bar默认带padding和margin，直接放进去容易撑高导航栏；建议用:style="{ padding: 0, margin: 0 }"重置 - 其内部
.uni-searchbar__input是input元素，在 iOS 微信中 focus 时可能触发页面整体上推，需配合softinputMode: "adjustPan"（仅 app-plus）或 CSSscrollIntoView补救 - 若需点击搜索框跳转页面（而非提交），建议监听
@focus而非@confirm，避免用户误触回车提交空值 - 在鸿蒙平台，
uni-search-bar的clearButton可能不响应点击，需改用v-model+ 手动清空逻辑
复杂点在于：你不是在配置一个控件，而是在协调状态栏、胶囊按钮、输入框焦点、软键盘行为、跨端样式重置这五层逻辑。少处理一层，就可能在某个机型上崩掉。
