SwiftUI HStack如何等距离填充整个宽度

SwiftUI Texfield如何限制只接受数字和单个点

实战需求

HStack是SwiftUI布局的基础，如何等距离排列组件呢？

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

• 掌握HStack使用
• 设置等分排列

代码

import SwiftUI

struct ContentView: View {
    var data = ["第一个组件", "第二个组件", "第三个组件"]
    
    var body: some View {
        VStack {
            
            // This will be as small as possible to fit the items
            HStack {
                ForEach(data, id: \.self) { item in
                    Text(item)
                        .border(Color.orange)
                }
            }
            
            // Each item's invisible Rectangle forces it to expand