【报Bug】在IOS平台下使用setStyle动态更改原生导航栏会使左侧的返回按钮丢失，Android平台正常。

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows 10专业版（版本1703 OS内部版本 15063.632）

HBuilderX类型：正式

HBuilderX版本号： 3.1.9

手机系统： iOS

手机系统版本号： IOS 14

手机厂商：苹果

手机机型： iPhone11，iPhone 12

页面类型： vue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

webView.setStyle({  
    titleNView: {  
        //"autoBackButton":true,  
        "searchInput": {  
            "backgroundColor": "#F4F8FA",  
            "placeholderColor": "#ADB2C6",  
            "borderRadius": "15px",  
            "placeholder":"请输入",  
        }  
    }  
});

在onReady、onShow生命周期里产生结果都一样

操作步骤：

有需求需要动态将页面导航栏标题变成可输入的搜索框，但文档只有动态变更文字的方法：setTitleNViewSearchInputText，因此使用setStyle达到需求效果。但IOS环境下会丢失左侧的返回按钮，Android平台正常。此外导航栏右侧还有两个操作按钮（搜索、筛选）。setStyle不会对page.json里配置的该两个操作按钮产生影响

预期结果：

动态将原生导航栏标题变更为搜索框之后，左右两侧的操作按钮显示和功能正常。

实际结果：

IOS平台下（IOS14-IPhone11 IPhone12），左侧返回按钮丢失。
Android平台一切正常。
右侧自定义按钮一切正常（IOS、Android）。

bug描述：

在使用动态设置原生导航栏方法webview.setStyle()时，在IOS平台下导航栏左侧的返回按钮会丢失，但Android平台正常。

2021-04-22 15:48 负责人:CLP 分享

1 个回复

CLP

提供一个完整的demo来测试

该问题目前已经被锁定, 无法添加新回复

【报Bug】在IOS平台下使用setStyle动态更改原生导航栏会使左侧的返回按钮丢失，Android平台正常。

示例代码：

`webView.setStyle({ titleNView: { //"autoBackButton":true, "searchInput": { "backgroundColor": "#F4F8FA", "placeholderColor": "#ADB2C6", "borderRadius": "15px", "placeholder":"请输入", } } });`

在onReady、onShow生命周期里产生结果都一样

预期结果：

动态将原生导航栏标题变更为搜索框之后，左右两侧的操作按钮显示和功能正常。

实际结果：

IOS平台下（IOS14-IPhone11 IPhone12），左侧返回按钮丢失。
Android平台一切正常。
右侧自定义按钮一切正常（IOS、Android）。

bug描述：

1 个回复

公告

相关问题

【报Bug】在IOS平台下使用setStyle动态更改原生导航栏会使左侧的返回按钮丢失，Android平台正常。

示例代码： webView.setStyle({ titleNView: { //"autoBackButton":true, "searchInput": { "backgroundColor": "#F4F8FA", "placeholderColor": "#ADB2C6", "borderRadius": "15px", "placeholder":"请输入", } } }); 在onReady、onShow生命周期里产生结果都一样

预期结果： 动态将原生导航栏标题变更为搜索框之后，左右两侧的操作按钮显示和功能正常。

实际结果： IOS平台下（IOS14-IPhone11 IPhone12），左侧返回按钮丢失。 Android平台一切正常。 右侧自定义按钮一切正常（IOS、Android）。

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`webView.setStyle({ titleNView: { //"autoBackButton":true, "searchInput": { "backgroundColor": "#F4F8FA", "placeholderColor": "#ADB2C6", "borderRadius": "15px", "placeholder":"请输入", } } });`

在onReady、onShow生命周期里产生结果都一样

预期结果：

动态将原生导航栏标题变更为搜索框之后，左右两侧的操作按钮显示和功能正常。

实际结果：

IOS平台下（IOS14-IPhone11 IPhone12），左侧返回按钮丢失。
Android平台一切正常。
右侧自定义按钮一切正常（IOS、Android）。