Your Second iOS & SwiftUI App

Nov 4 2021 · Swift 5.5, iOS 15, Xcode 13

Part 1: List View Fundamentals

05. Challenge: Book Row

Episode complete

Play next episode

Next
About this episode

Leave a rating/review

See forum comments
Cinema mode Mark complete Download course materials
Previous episode: 04. SF Symbols Next episode: 06. Lists

Get immediate access to this and 4,000+ other videos and books.

Take your career further with a Kodeco Personal Plan. With unlimited access to over 40+ books and 4,000+ professional videos in a single subscription, it's simply the best investment you can make in your development career.

Learn more Already a subscriber? Sign in.

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

With your Book model and a simple Image view set up, it is time to make a proper reusable view that we can use in a list. It’ll take in a single instance of a book to provide data for all of its subviews.

  var body: some View {
    Group {
      HStack {
    Group {
      BookRow()
    }
  var body: some View {
    BookRow()
  }
        .font(.title2)
    }
  }
}

struct ContentView_Previews: PreviewProvider {
  static var previews: some View {
    ContentView()
  }
}

struct BookRow: View {
  let book: Book

  var body: some View {
BookRow(book: <#Book#>)
BookRow(book: .init())
Book.Image(title: book.title)
Text(book.title)
      Book.Image(title: book.title)

      VStack {
        Text(book.title)
          .font(.title2)
        Text(book.author)
      }
      VStack(alignment: .leading) {
        Text(book.author)
          .font(.title3)
          .foregroundColor(.secondary)
      }