AI 助理
文档备案控制台
开发者社区 云计算 文章 正文

uni-app动态修改顶部原生导航栏文字跟颜色

2023-11-01 1304
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： uni-app动态修改顶部原生导航栏文字跟颜色

修改顶部文字

uni.setNavigationBarTitle({
  title: "首页" //这是修改后的导航栏文字
})

修改顶部文字颜色以及导航栏背景色

uni.setNavigationBarColor({
  frontColor: "#ffffff",  //文字颜色
  backgroundColor: "#007AFF"  //底部背景色
})
关键词：
APP原生
APP导航栏
APP文字
APP颜色
APP原生导航栏
大可。
目录
相关文章
你挚爱的强哥
|
移动开发 小程序
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致？
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致？
你挚爱的强哥
475 0
憧憬blog
|
开发者 iOS开发
UniApp打包教程：使用HBuilder X和AppUploader完成原生App云打包和上架指南“
UniApp打包教程：使用HBuilder X和AppUploader完成原生App云打包和上架指南“
憧憬blog
536 3
uuraaig4ala36
|
8月前
|
定位技术 API
《仿盒马》app开发技术分享-- 原生地图展示（26）
上一节我们实现了获取当前用户的位置，并且成功的拿到了经纬度，这一节我们就要根据拿到的经纬度，结合我们其他的知识点来实现地图的展示。
uuraaig4ala36
190 4
waylau
|
12月前
|
人工智能 搜索推荐 数据挖掘
原生鸿蒙版小艺APP接入DeepSeek-R1，为HarmonyOS应用开发注入新活力
原生鸿蒙版小艺APP成功接入DeepSeek-R1，为HarmonyOS用户带来更智能高效的交互体验。通过此次升级，用户在编程、学习和工作中的问题可迅速获得专业解答。同时，此举为HarmonyOS应用开发者提供了新的技术参考，激发了更多创新应用场景的开发，助力打造差异化竞争优势，推动HarmonyOS生态繁荣发展。
waylau
1065 68
原生鸿蒙版小艺APP接入DeepSeek-R1，为HarmonyOS应用开发注入新活力
卓伊凡
|
前端开发 Java Shell
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用（flutter version manage）-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用（flutter version manage）-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
卓伊凡
807 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用（flutter version manage）-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
java冯坚持
|
小程序 JavaScript API
微信小程序开发之：保存图片到手机，使用uni-app 开发小程序；还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
java冯坚持
3636 0
微信小程序开发之：保存图片到手机，使用uni-app 开发小程序；还有微信原生保存图片到手机
明弟有理想
|
前端开发 UED 开发者
uni-app:去除导航栏&跨域的问题&blobe查看图片&v-deep&页面操作 (五)
本文介绍了几个前端开发技巧：1) 如何通过设置 `navigationStyle` 为 `custom` 去除顶部导航；2) 解决跨域问题的方法，包括使用 `dotenv` 加载全局变量和配置 `devServer` 的代理；3) 使用 Blob 和 FileReader 查看图片；4) 利用 `v-deep` 深度作用选择器修改样式；5) 修改页面左上角返回按钮的行为。
明弟有理想
562 0
爱你三千遍斯塔克
|
机器学习/深度学习 人工智能 文字识别
文本，文字扫描01，OCR文本识别技术展示，一个安卓App，一个简单的设计，文字识别可以应用于人工智能，机器学习，车牌识别，身份证识别，银行卡识别，PaddleOCR+SpringBoot+Andr
文本，文字扫描01，OCR文本识别技术展示，一个安卓App，一个简单的设计，文字识别可以应用于人工智能，机器学习，车牌识别，身份证识别，银行卡识别，PaddleOCR+SpringBoot+Andr
爱你三千遍斯塔克
308 5
朝阳39
uniapp 打包成 apk（原生APP-云打包）免费
uniapp 打包成 apk（原生APP-云打包）免费
朝阳39
2064 1
球球不吃虾
|
JavaScript 前端开发 小程序
uni-app subNVue 原生子窗体开发指南
uni-app subNVue 原生子窗体开发指南
球球不吃虾
861 1

热门文章

最新文章

  • 1
    通过阿里云APP，可以进行ECS，RDS 等实例的管理
  • 2
    阿里云 Serverless App Engine(SAE)助力升学在线从容应对流量高峰
  • 3
    uni-app自定义组件模式开发注意事项
  • 4
    重新想象 Windows 8 Store Apps (49) - 输入: 获取输入设备信息, 虚拟键盘, Tab 导航, Pointer, Tap, Drag, Drop
  • 5
    Android App开发即时通信中通过SocketIO在客户端与服务端间传输文本和图片的讲解及实战（超详细 附源码）
  • 6
    【愚公系列】2022年02月 微信小程序-app.json配置属性之subpackages和preloadRule
  • 7
    Android APP启动黑屏及解决方案
  • 8
    阿里云服务器如何开发APP、门户网站？高可用架构常见场景v
  • 9
    一看就会的Next.js App Router版 -- Routing（下）（一）
  • 10
    基于.NET的APP开发和Windows开发，异步回调差别
  • 1
    uni-app 73聊天类封装（八）-添加聊天记录,在移动应用开发中，聊
    441
  • 2
    基于APP的微信点餐小程序的设计与实现
    325
  • 3
    开发指南022-多版本APP的账号统一
    187
  • 4
    阿里AI模型EMO免费上线通义APP
    2393
  • 5
    app注册协议通用模版
    229
  • 6
    HTML5页面被运营商DNS问题及解决方案，app中h5页面源码的获取
    407
  • 7
    禁止应用在模拟器上运行的方案及app安全问题
    1694
  • 8
    app版本更新的五种实现方式
    1691
  • 9
    mallocstacklogging和MallocStackLoggingNoCompact引起的app文稿数据快速增加
    233
  • 10
    如何解决iOS16系统app首次启动总是弹出允许粘贴提示框问题
    255

    • 相关课程

    更多
  • 互联网安全-移动APP漏洞风险与解决方案

    • 相关电子书

    更多
  • 女性移动App安全攻防战
  • 汇聚云计算的生态核能——云市场，云上APP Store
  • 千万级用户直播App——服务端架构设计和思考
    • 下一篇
    第五届伏魔挑战赛如约来袭，诚邀各路高手来战！