HarmonyOS 鸿蒙Next:Column中的子组件无法扩展到底部非安全区

发布于 1周前 作者 phonegap100 来自 鸿蒙OS

HarmonyOS 鸿蒙Next:Column中的子组件无法扩展到底部非安全区

Column中的子组件无法扩展到底部非安全区,中间的子组件使用的.layoutWeight(1),代码如下:

@Component
export struct StackDemo {
  build() {
    Column({ space: 0 }) {
      Row() {
        Text('1234').backgroundColor(Color.White).height(50)
      }
      .width('100%')
      .backgroundColor(Color.Black)
      .padding({ top: 50, bottom: 50 })
      .alignItems(VerticalAlign.Center)
      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])

      Row() {
        Text('2344').backgroundColor(Color.White)
      }
      .width('100%')
      .backgroundColor(Color.Red)
      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
      .layoutWeight(1)

      Row() {
        Text('54545').backgroundColor(Color.White)
      }
      .width('100%')
      .height(100)
      .backgroundColor(Color.Blue)
      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
    }
    .backgroundColor(Color.Orange)
    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
  }
}

更多关于HarmonyOS 鸿蒙Next:Column中的子组件无法扩展到底部非安全区的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

参考论坛链接,设置expandSafeArea属性进行组件绘制扩展时,组件不能设置固定宽高尺寸(百分比除外),组件54545这个设置固定的height

https://developer.huawei.com/consumer/cn/forum/topic/0207165230081737791?fid=0109140870620153026

更多关于HarmonyOS 鸿蒙Next:Column中的子组件无法扩展到底部非安全区的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中,如果Column中的子组件无法扩展到底部非安全区,这通常是由于布局约束或组件属性设置不当导致的。以下是一些可能的原因和解决方法:

  1. 检查Column的Height属性:确保Column的Height属性设置为能够容纳所有子组件的高度,或者设置为可扩展的(如使用MatchParentWrapContent,根据具体情况选择)。

  2. 子组件的Margin和Padding:检查子组件是否有过大的Margin或Padding设置,这可能导致它们无法完全填充Column的可用空间。

  3. 安全区适配:鸿蒙系统提供了安全区适配机制,如果Column或其子组件设置了安全区边距,可能会导致组件无法到达底部非安全区。检查相关组件的安全区边距设置,确保它们符合你的布局需求。

  4. 使用Flex布局:如果Column的布局方式不能满足需求,可以考虑使用Flex布局,它提供了更灵活的子组件排列和扩展方式。

  5. 检查父容器的布局:有时候问题可能出在Column的父容器上,检查父容器的布局和属性设置,确保它们不会限制Column的扩展。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html

回到顶部