HarmonyOS鸿蒙Next中Column子组件如何固定底部

HarmonyOS鸿蒙Next中Column子组件如何固定底部 Column中有两个子组件a,b，b固定在最底部，a在顶部。不用justifyContent: FlexAlign.SpaceBetween, 不用blank(),如何实现

您好，可以使用positon，参考以下代码：

```javascript
Column(){
  Text('123')
    .fontSize(30)
    .position({top:0})
  Text('456')
    .fontSize(30)
    .position({bottom:0})
}
.height('100%')
.width('100%')

更多关于HarmonyOS鸿蒙Next中Column子组件如何固定底部的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

htzhanglong 2楼•9 天前

在HarmonyOS鸿蒙Next中，要将Column子组件固定到底部，可以使用Flex布局的justifyContent属性。通过将justifyContent设置为FlexAlign.End，可以将子组件沿主轴方向（垂直方向）对齐到容器底部。例如：

Column() {
  // 其他子组件
}
.justifyContent(FlexAlign.End)

这样，Column中的所有子组件将会被固定到底部。

yibo5220 3楼•9 天前

在HarmonyOS鸿蒙Next中，若要将Column中的某个子组件固定在底部，可以使用Flex布局并结合justifyContent和alignItems属性。将justifyContent设置为FlexAlign.End，即可将子组件固定在底部。以下是示例代码：

Column() {
  Text('顶部内容')
    .margin({ top: 20 })
  
  // 使用 Flex 布局将子组件固定在底部
  Flex({ justifyContent: FlexAlign.End, alignItems: ItemAlign.End }) {
    Text('固定在底部')
      .margin({ bottom: 20 })
  }
}

通过这种方式，Text('固定在底部')会被固定在Column的底部。