ios SwiftUI -如何创建一个带有标题和细节标签的列表?

wgx48brx  于 2022-12-20  发布在  iOS
关注(0)|答案(2)|浏览(159)

我正在尝试重新创建一个列表视图,像许多标准的iOS应用程序一样,带有标题标签和详细信息标签:
https://developer.apple.com/documentation/uikit/uitableviewcell/1623273-detailtextlabel
我希望标题标签在左边,细节标签在右边?有没有一个标准的实现,而不建立了在SwiftUI的UI?
谢谢!

2w3kk1z5

2w3kk1z51#

您可以构建一个简单的视图,并像这样使用它:

DetailedRow(title: "title", detail: "detail")

通过封装两个标签并使用简单的Stack

struct DetailedRow: View {
    let title: String
    var detail: String? = nil
    
    var body: some View {
        HStack() {
            Text(title)
            if detail?.isEmpty == false {
                Spacer()
                Text(detail).foregroundColor(Color(.secondaryLabel))
            }
        }
    }
}
vshtjzan

vshtjzan2#

您可以使用HStack来实现这一点:

struct ContentView : View {
  var body: some View {
    List {
      HStack {
        Text("Test")
        Spacer()
        Text("Detail")
      }
   }
}

相关问题