HarmonyOS Column中嵌入Scroll时,底部元素导致安全区域失效问题

NavDestination()内嵌套Column().justifyContent(FlexAlign.SpaceBetween)再嵌入Scroll(),高度撑满时Button()组件渲染区域在底部导航栏内,造成安全距离失效。想实现底部悬浮保存按钮,上方表单区域可滑动。

HarmonyOS
2024-09-29 10:22:13
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

可以使用Stack组件,示例代码如下:

@Entry  
@Component  
export struct ColumnNestedScrollPage {  
  build() {  
    Column() {  
      Stack({ alignContent: Alignment.Bottom }) {  
        Scroll() {  
        }  
        .width("100%")  
        .height(1533)  
        .backgroundColor(Color.Orange)  
        .margin({ bottom: -35 })  
        .scrollBar(BarState.On)  
        Button("测试")  
          .width("100%")  
          .height(35)  
          .backgroundColor(Color.Blue)  
      }  
    }  
    .width("100%")  
    .height("100%")  
    .justifyContent(FlexAlign.SpaceBetween)  
  }  
}
分享
微博
QQ
微信
回复
2024-09-29 16:54:12
相关问题
关于屏幕安全区域问题咨询
271浏览 • 1回复 待解决
Flutter 项目在设备安全区如何适配?
119浏览 • 1回复 待解决