HarmonyOS 如何获取顶部安全区域的高度?
目前在写布局时,遇到了一个问题,我们的上面是一个长方形图片,要顶到手机顶端,也就是覆盖到安全区域部分,代码如下:
Stack({ alignContent: Alignment.Top }) {
Image($r('app.media.banner'))
.width(this.deviceWidth)
.height(this.bannerImageViewHeight)
.margin({ top: 0, left: 0, right: 0 })// 设置顶部绘制延伸到状态栏
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])
Column() {
Image($r('app.media.logo'))
.width(144)
.height(27)
.margin({ top: 100, left: 40 })
Text('标题xxxxxxxx')
.fontSize(14)
.fontWeight(FontWeight.Bold)
.fontColor('#333333')
.margin({ top: 15, left: 40 })
}.width('100%').margin({ top: 0 })
// 主轴上的对齐方式
.justifyContent(FlexAlign.Start)
// 交叉轴上的对齐方式
.alignItems(HorizontalAlign.Start)
Flex({ direction: FlexDirection.Row, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
Button('按钮1')
.width('100%')
.height(48)
.margin({ top: 0, left: 0 })
.type(ButtonType.Normal)
.borderRadius(10)
.fontSize(18)
.fontWeight(FontWeight.Bold)
.fontColor(Color.Black)
.backgroundColor(Color.White)
.opacity(0.7)
Button('按钮2')
.width('100%')
.height(48)
.margin({ top: 0, left: 0})
.type(ButtonType.Normal)
.borderRadius(10)
.fontSize(18)
.fontWeight(FontWeight.Bold)
.fontColor(Color.Black)
.backgroundColor(Color.White)
.opacity(0.7)
}.padding({ top: this.bannerImageViewHeight - 48})
我们本来是要把这俩按钮盖到图片上面的,但是发现减去按钮高度48以后,按钮并没有全上去,有一半在底部的外面。所以肯定是顶部的安全区域的高度导致的,但我没有找到获取安全区域高度的API,没办法减去这个高度。所以这种情况应该怎么办?
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 如何获取屏幕顶部和底部安全区域的高度
2683浏览 • 1回复 待解决
请问如何获取屏幕底部安全区域的高度?目前系统只提供了获取顶部安全区域高度的API
3547浏览 • 1回复 待解决
HarmonyOS 如何获取手机安全区域高度
1078浏览 • 1回复 待解决
HarmonyOS 顶部安全区域和底部安全区域的高度是多少,对应的单位是什么?
1846浏览 • 1回复 待解决
HarmonyOS window底部非安全区域无法正常获取,可正常获取到顶部非安全区域
1463浏览 • 1回复 待解决
HarmonyOS window的上下安全区域的高度如何获取
1033浏览 • 1回复 待解决
实现安全区域,关于图片的安全区域设置
2073浏览 • 1回复 待解决
HarmonyOS 安全区域失效
1037浏览 • 1回复 待解决
HarmonyOS 安全区域出错
1009浏览 • 1回复 待解决
HarmonyOS 安全区域问题
1314浏览 • 1回复 待解决
HarmonyOS 如何获取屏幕状态栏跟底部安全区域的高度?
1734浏览 • 1回复 待解决
设置安全区域后,两个子组件之间存在大概顶部安全区域大小的间隙,无法铺满
2660浏览 • 1回复 待解决
HarmonyOS scroll安全区域问题
1107浏览 • 1回复 待解决
HarmonyOS WebView安全区域问题
827浏览 • 1回复 待解决
HarmonyOS 设置安全区域不生效
1133浏览 • 1回复 待解决
HarmonyOS listItem不支持设置安全区域 ,有规避方案 让listItem超出安全区域嘛
993浏览 • 1回复 待解决
HarmonyOS 页面底部流出安全区域
1119浏览 • 1回复 待解决
关于屏幕安全区域的问题咨询
1383浏览 • 1回复 待解决
HarmonyOS 提供获取屏幕底部安全区的高度了吗?
980浏览 • 1回复 待解决
HarmonyOS 视频组件无法扩展其安全区域
1369浏览 • 1回复 待解决
安全区域颜色改变,app中某个页面是全黑的,但底部安全区域还是白色,这个要如何改变呢?
1180浏览 • 1回复 待解决
HarmonyOS Tabs如何把其扩展安全区域到Bottom
982浏览 • 1回复 待解决
HarmonyOS 自定义弹窗(CustomDialog)如何实现安全区域避让
1105浏览 • 1回复 待解决
当前组件,默认都会安全区避让,对于手机顶部,会有手机时间手机电量等字,如何设置不避让顶部安全区
1626浏览 • 1回复 待解决
如何进行手机的系统安全区域(safe area)适配?
2383浏览 • 1回复 待解决
当前window提供API获取系统区域包括导航栏和状态栏。
API:getWindowAvoidArea
参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#getwindowavoidarea9