本文详细介绍了鸿蒙弹性布局Flex的使用方法。Flex布局通过主轴和交叉轴实现子元素的高效排列，支持设置布局方向(direction)、换行(wrap)、主轴对齐(justifyContent)和交叉轴对齐(alignItems)等特性。文章展示了不同参数的实际效果，并提供了实现搜索记录自动换行的应用示例。Flex布局简化了复杂布局的实现，是鸿蒙开发中的重要技术。

摘要：线性布局通过Row和Column容器实现水平或垂直排列，是开发中最基础的布局方式。布局涉及主轴（排列方向）和交叉轴（垂直方向）概念，可通过space属性设置子元素间距，justifyContent调整主轴对齐方式，alignItems控制交叉轴对齐。支持自适应特性：Blank组件实现拉伸填充，layoutWeight或百分比宽度实现子元素按比例缩放。这些特性使线性布局能灵活适应不同屏幕尺寸，

本文介绍了通用属性和Stack容器的使用方法。通用属性包括基础属性（如显隐控制、背景设置）、布局与边框（如尺寸、位置、边框样式）及视效（如透明度、渐变效果）。Stack容器用于实现层叠布局，支持元素重叠和定位，常用于广告、卡片等场景。文章还提出了Stack容器优化方案，建议使用overlay属性和ColorMetrics替代嵌套组件以减少节点数，提升性能。示例代码展示了属性设置和优化前后的实现效果