Hi校园
Hi校园
  • 发布:2021-08-02 11:38
  • 更新:2021-08-04 11:56
  • 阅读:306

【报Bug】苹果端通过uni.setNavigationBarColor({}) 报BUG设置背景色出现不一致情况

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS Big sur 11.2

HBuilderX类型: Alpha

HBuilderX版本号: 3.2.0

手机系统: iOS

手机系统版本号: IOS 14

手机厂商: 苹果

手机机型: iPhone 11 pro max

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

//设置透明导航栏
let color = 'rgba(0,0,0,0)'
uni.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: color
})

动态设置
//滚动监听 设置透明导航栏
onScroll(e) {
console.log(-e.contentOffset.y)
let color = 'rgba(250,250,250,0)'
if (-e.contentOffset.y > 160) {
color = 'rgba(255, 255, 255, 1.0)'
} else {
color = 'rgba(255,255,255,' + -e.contentOffset.y / 160 + ')'
}
if (-e.contentOffset.y < 5) {

                uni.setNavigationBarTitle({  
                    title: ' '  
                })  
                uni.setNavigationBarColor({  
                    frontColor: '#000000',  
                    backgroundColor: color  
                })  
                return;  
            }  

            uni.setNavigationBarTitle({  
                title: this.headerData.manage.school  
            })  
            uni.setNavigationBarColor({  
                frontColor: '#000000',  
                backgroundColor: color  
            })  
        },  

操作步骤:

第一次进入页面设置导航栏背景色为白色。
过几秒再设置导航栏背景色为黑色,在苹果端会无效
hbulider alhpa 3.2.0版本 其它Hbuilder版本正常

预期结果:

应该苹果端状态栏字体颜色变成黑色

实际结果:

不生效

bug描述:

苹果端我自定义的状态栏,
第一次只要设置状态栏背景色为白色
//设置透明导航栏
let color = 'rgba(0,0,0,0)'
uni.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: color
})
之后在代码内动态设置状态栏背景色为黑色无效,安卓端正常

2021-08-02 11:38 负责人:无 分享
已邀请:
DCloud_iOS_XHY

DCloud_iOS_XHY

请上传一个完整的示例工程吧

  • Hi校园 (作者)

    https://ask.dcloud.net.cn/question/128115 工程师你看看这篇帖子问题和我的一样,不用上传复现代码了。只需要第一次进入设置状态栏背景为白色,之后动态设置为黑色不生效 在苹果端。就这个问题

    2021-08-02 17:44

  • Hi校园 (作者)

    第一次设置这个

    let color = 'rgba(0,0,0,0)'

    uni.setNavigationBarColor({

    frontColor: '#ffffff',

    backgroundColor: color

    })

    第二次设置这个背景色 无效就这个 切记在苹果端测试 3.2.0版本

    let color = 'rgba(0,0,0,0)'

    uni.setNavigationBarColor({

    frontColor: '#000000',

    backgroundColor: color

    })

    2021-08-02 17:46

  • Hi校园 (作者)

    工程师

    2021-08-03 11:24

Hi校园

Hi校园 (作者)

来个人解决啊

DCloud_iOS_XHY

DCloud_iOS_XHY

感谢反馈,此问题为3.2.0版本引出,已经修复,重新提交打包即可解决

  • 害草率了

    在ios端onLoad中设置uni.setNavigationBarColor({

    frontColor: '#FFFFFF'

    });无效,还望官方回复

    2021-09-08 10:15

  • DCloud_iOS_XHY

    回复 害草率了: 不一样的问题请单独发帖反馈吧

    2021-09-08 11:12

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