p***@163.com
p***@163.com
  • 发布:2020-05-30 12:10
  • 更新:2022-01-12 14:55
  • 阅读:4368

【报Bug】uni.setNavigationBarColor无效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 2.7.9

手机系统: Android

手机系统版本号: Android 9.0

手机厂商: 华为

手机机型: mate9

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

见描述

预期结果:

正常设置颜色

实际结果:

设置无效

bug描述:

pages设置globalStyle导航栏为白底黑字
"navigationBarTextStyle" : "black",
"navigationBarBackgroundColor" : "#F7F7F7",

页面中使用uni.setNavigationBarColor设置为黑底白字无效

见图1

使用Webview设置titleNview为黑底白字能够生效,背景变为黑色,导航栏文字变为白色,但是stausBar文字颜色无效,仍然为黑色,导致在黑背景下看不见

见图2

补充一张浅色背景的图片
见图3

2020-05-30 12:10 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com

找到原因了是要用16进制小写。。。

s***@126.com

s***@126.com

frontColor String 是 前景颜色值,包括按钮、标题、状态栏的颜色,仅支持 #ffffff 和 #000000

谭小谭

谭小谭 - 90后前端

1:pages.json中要配置 navigationBarTextStyle
2:页面中uni.setNavigationBarColor要用在onReady生命周期里,
如果要写在onshow中,需要给300以上的延时

快乐学习生

快乐学习生

我也跟官方反应过这个问题?但是没有回复

  • p***@163.com (作者)

    难道这问题无所谓到这个程度么

    2020-06-01 13:57

我差点笑出了声

我差点笑出了声

你看一下错误回调说啥

  • p***@163.com (作者)

    问题就是回调是成功回调

    2020-06-12 07:23

DCloud_UNI_Anne

DCloud_UNI_Anne

未复现您说的问题,请提供能复现您问题的完整示例demo

1***@qq.com

1***@qq.com

我这样写的:
uni.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: “#00ced1”,
animation: {
duration: 400,
timingFunc: 'easeIn'
}
})
在android跟ios下都不能改变导航栏颜色

  • 1***@qq.com

    支付宝是不是也不改变颜色

    2022-06-14 14:24

贲海龙

贲海龙

安卓可以使用,但是IOS不生效

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