原生导航栏搜索框无法设置圆角，因titleNView.searchInput受限于iOS/Android系统控件样式，pages.json不支持radius配置；需改用custom导航栏并自定义uni-search-bar，通过radius属性或CSS深度选择器实现圆角。
uni-app 原生导航栏不支持直接设置搜索框圆角。 官方 titleNView.searchInput 配置项中没有 radius 或类似属性，iOS 和 Android 原生导航栏的搜索框形态由系统控件决定，无法通过 pages.json 或 API 控制圆角。
为什么原生导航栏搜索框不能设圆角
uni-app 的 titleNView.searchInput 是对原生平台搜索控件（如 iOS 的 UISearchBar、Android 的 SearchView）的封装，其样式受系统限制：
- iOS 上圆角由系统统一管理，且随系统版本变化（如 iOS 17+ 搜索框更扁平，但不可干预）
- Android 各厂商定制 UI 差异大，原生 SearchView 不暴露圆角控制接口
-
pages.json中searchInput仅支持placeholder、backgroundColor、placeholderColor等有限字段，无radius或borderRadius
想实现圆角搜索框，必须放弃原生导航栏
要完全控制圆角，唯一可靠路径是关闭原生导航栏，用自定义组件替代：
- 在
pages.json对应页面配置"navigationStyle": "custom" - 在页面顶部手动放置
<uni-search-bar>或原生<input>，此时所有 CSS 属性（包括border-radius）均可生效 - 注意：需手动处理状态栏高度（可用
uni.getSystemInfoSync().statusBarHeight动态计算）
uni-search-bar 的圆角怎么设才有效
如果你已切换为自定义导航栏，并使用 <uni-search-bar> 组件，圆角由 radius 属性控制，但要注意几个关键点：
-
radius类型是Number，单位是px（不是 rpx），例如radius="20"表示 20px 圆角 - 该值会同时作用于外层容器和内部 input，若需更精细控制，需用深度选择器覆盖默认样式：
.uni-searchbar__box { border-radius: 24px !important; } - 在 H5 或 App（vue）端生效稳定；小程序端部分平台（如微信）可能因 WebView 渲染限制，圆角被裁切，建议搭配
overflow: hidden使用
真正需要圆角时，“原生导航栏 + 搜索框”这个组合本身就是伪命题——系统不给权限，硬配只会白忙活。把控制权拿回来，才是实际项目里最省时间的做法。
