#鸿蒙通关秘籍#如何在鸿蒙栅格布局中嵌套使用栅格组件？

栅格组件支持嵌套使用，从而构建更加复杂的布局。下面是一个示例，其中嵌套使用了GridRow和GridCol来划分不同的区域：

bash GridRow() { GridCol({ span: { sm: 12 } }) { GridRow() { GridCol({ span: { sm: 2 } }) { // 左侧子组件 }.backgroundColor('#ff41dbaa')

  GridCol({ span: { sm: 10 } }) {
    // 右侧子组件
  }.backgroundColor('#ff4168db')
}
1.
2.
3.
4.

}

GridCol({ span: { sm: 12 } }) { // 底部子组件 }.backgroundColor(Color.Pink) }.width('100%').height(300)

通过栅格组件的嵌套可以轻松实现复杂的页面排版。