WrappingHStack

包装HStack

WrappingHStack 是一个 UI 元素，其工作方式与 HStack 非常相似，但会自动将溢出元素放置在下一行。

例子

 WrappingHStack {
    Text ( " WrappingHStack " )
        . padding ( )
        . font ( . title )
        . border ( Color . black )
    
    Text ( " can handle different element types " )
    
    Image ( systemName : " scribble " )
        . font ( . title )
        . frame ( width : 200 , height : 20 )
        . background ( Color . purple )
    
    Text ( " and loop " )
        . bold ( )
    
    WrappingHStack ( 1 ... 20 , id :  . self ) {
        Text ( " Item: ( $0 ) " )
            . padding ( 3 )
            . background ( Rectangle ( ) . stroke ( ) )
    } . frame ( minWidth : 250 )
}
. padding ( )
. border ( Color . black ) 

安装

要求 iOS 13+

斯威夫特包管理器

1. 在 Xcode 中，打开项目并导航到“文件”→“Swift 包”→“添加包依赖项”。
2. 粘贴存储库 URL (https://github.com/dkk/WrappingHStack)，然后单击下一步。
3. 对于规则，选择版本。
4. 单击“完成”。

迅捷包

 . package ( url : " https://github.com/dkk/WrappingHStack " , . upToNextMajor ( from : " 2.0.0 " ) )

可可足类

只需将以下行添加到您的Podfile中：

 pod 'WrappingHStack' 

用法

将 WrappingHStack 包导入到您的视图中：

import WrappingHStack

像使用 HStack 处理单个元素一样使用它：

 WrappingHStack {
    /* some views */
    NewLine ( ) // Optional: Use NewLine to force the next element to be placed in a next line
    /* some more views */
}

或者像 ForEach 一样循环遍历项目：

 WrappingHStack ( 1 ... 30 , id :  . self ) {
    Text ( " Item: ( $0 ) " )
}

物品定位

您可以使用参数alignment来控制项目的位置，该参数设置项目的HorizontalAlignment 。即前导、尾随或居中。

为了更加方便和灵活， WrappingHSTack提供了参数spacing ，它定义了如何计算间距。它可以是以下类型之一：

• .constant ：对于固定间距，每行以一个项目开始，任意两个项目之间的水平间距是给定值。
• .dynamic ：让项目填充 WrappingHSTack 的宽度。您可以传递最小间距。
• .dynamicIncludingBorders以项目之间以及从项目到边框的相等间距填充整个宽度。您可以传递最小间距。

已知问题

• 问题 #15：当 WrappingHStack 具有更改其元素大小的修饰符时，项目大小计算不正确。
• 问题 #16：在NavigationLink中使用WrappingHStack时需要解决方法（仅限 iOS16）。
• 问题 #10：SPM 无法解析依赖关系（仅限 Xcode 11.3.1）。

贡献

您可以通过帮助我解决任何报告的问题或功能请求并创建拉取请求来为该项目做出贡献。

支持

赞助这个项目以获得奖励并给我精神上的提升。

执照

WrappingHStack 最初由 Daniel Klöck 开发，并在 MIT 许可证下发布。