广元建设网站要多少钱,网站备案还是域名备案,app和微网站的区别,怎么优化自己的网站uniapp在App端如何动态修改原生导航栏#xff1f; 文章目录 uniapp在App端如何动态修改原生导航栏#xff1f;page.json配置修改 buttons 文字修改按钮上的角标设置 searchInput的 focus设置 searchInput的 text 在App端可以通过得到 webview 对象#xff0c;通过当前 webvi…uniapp在App端如何动态修改原生导航栏 文章目录 uniapp在App端如何动态修改原生导航栏page.json配置修改 buttons 文字修改按钮上的角标设置 searchInput的 focus设置 searchInput的 text 在App端可以通过得到 webview 对象通过当前 webview 对象的 setTitleNViewButtonBadge setTitleNViewButtonStyle setTitleNViewSearchInputFocussetTitleNViewSearchInputText 分别对 TitleNView 上的按钮角标按钮输入框等组件的样式进行修改。 page.json配置
举个例子这里配置基本 buttons根据需要自行配置具体查看官方文档
{path: pages/devices/devices,style: {navigationBarTitleText: Device,enablePullDownRefresh: true,app-plus: {titleNView: {buttons: [{text: Search,color: #fff,fontSize: 18,width: 80,float: right}]}}}
},修改 buttons 文字
// #ifdef APP-PLUS
var webView this.$mp.page.$getAppWebview();
changeNavButtonText(text) {// 0按钮索引(index)webView.setTitleNViewButtonStyle(0, {text: text});
}
// #endif修改按钮上的角标
// index: 按钮索引, text: 角标文本内容
changeNavButtonBadge() {webView.setTitleNViewButtonBadge({index: 0,text: 99,});
}设置 searchInput的 focus
// focus: true | false
webView.setTitleNViewSearchInputFocus(true) 设置 searchInput的 text
webView.setTitleNViewSearchInputText(text)参考文章
