swiftui - 想要为延时(时间轴)重新创建以下 UI

Question

我正在尝试重新创建以下内容:
我有以下代码，其中包含它的要点，但不是确切的外观和感觉，我仍在尝试掌握 Swift 的 UI 方面。

    VStack(spacing: 30) {

        Group {

            VStack {
                
                HStack {
                
                    Image(systemName: "2.circle")
                
                    Text("Jan 2th, 2021 at 2:34 PM") 
                
                }

                HStack {
                    
                    
                    Divider()
                    
                    VStack {
                        
                        Text("Title here")
                        
                        Text("Notes here")
                        
                        Text("Item not tracked on this day")
                        
                    }

                }.frame(height: 200)

            }
            
        }
        
    }

能否再提供一种更好的镜像方式？

Answer 1

这是可能的解决方案。使用 Xcode 12.1/iOS 14.1 测试

var body: some View {
    VStack(spacing: 30) {
        
        HStack(alignment: .top) {
            
            VStack {
                Image(systemName: "2.circle")
                    .resizable()
                    .frame(width: 40, height: 40)
                HStack {
                    Divider()
                }
            }
            
            VStack(alignment: .leading) {
                Text("Jan 2th, 2021 at 2:34 PM").padding(.bottom)
                Text("Title here")
                    .font(.title).bold()
                Text("Notes here")
                    .font(.title3).bold().padding(.bottom)
                Text("Item not tracked on this day")
            }
        }
        .fixedSize(horizontal: false, vertical: true)
    }
}