求助HarmonyOS鸿蒙Next大佬们，这种布局应该怎么实现，最大展示两行，但是第二行结尾处缩回来一块位置

最大展示两行，但是第二行结尾处缩回来一块位置，结尾空余位置放一个时间text

更多关于求助HarmonyOS鸿蒙Next大佬们，这种布局应该怎么实现，最大展示两行，但是第二行结尾处缩回来一块位置的实战教程也可以访问 https://www.itying.com/category-93-b0.html

yuanlaile 1楼

这个第二行缩回来一块位置放时间就是反人类的设计，应该给时间单独起一行。

更多关于求助HarmonyOS鸿蒙Next大佬们，这种布局应该怎么实现，最大展示两行，但是第二行结尾处缩回来一块位置的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

nodeper 2楼

我就给个思路，你看着办（doge）

eggper 3楼

在HarmonyOS中，可以通过Flex布局结合wrap属性实现两行展示，并在第二行结尾处缩回。使用Flex容器设置wrap为wrap，并调整子元素的flexGrow和flexShrink属性来控制布局。对于缩回部分，可以通过设置特定子元素的marginRight或paddingRight来实现。具体代码示例如下：

<Flex wrap="wrap">
    <Text flexGrow="1" flexShrink="1">Item 1</Text>
    <Text flexGrow="1" flexShrink="1">Item 2</Text>
    <Text flexGrow="1" flexShrink="1" marginRight="50">Item 3</Text>
</Flex>

通过调整marginRight的值，可以控制缩回的位置。