SwiftUI List not showing data when wrapping in List

I’m attempting to follow the structure in the ListSwiftUI example at
https://github.com/realm/realm-cocoa/blob/master/examples/ios/swift/ListSwiftU
that Jason demoed in the webinar at

It is my understanding that I need both List and ForEach in order to use the .onMove and .onDelete magic that Jason demoed in the webinar that showed this stuff, but I cannot figure out how to actually show the data when wrapping the ForEach in a List.

My Situation

In my view I am using

@ObservedRealmObject var huntlet: Huntlet

My list looks like

Text("Huntlet is called\(huntlet.title)")
Text("Huntlet has \(huntlet.tasks.count) task(s)")

List {
  ForEach(huntlet.tasks) { task in
    TaskListEditRowView(task: task)
  }
}

// Also, just for reference
struct TaskListEditRowView: View {
  @ObservedRealmObject var task: Task
  
  var body: some View {
    TextField("Task Name", text: $task.title)
      .foregroundColor(Color("navy"))
  }
}

Note: The first two Text() views in this struct are just to verify that the data is getting there.

This code is producing this result:

Screen Shot 2021-02-19 at 8.10.18 AM728×378 20.5 KB

When I take the list out and just use ForEach, it loads the data:

// List {
  ForEach(huntlet.tasks) { task in
    TaskListEditRowView(task: task)
  }
// } 

produces:

Screen Shot 2021-02-19 at 8.09.52 AM742×358 30.7 KB

Any ideas?

My understanding with wrapping the List is that I need to include the Edit environment in order to access the .onDelete and .onMove methods, but that these are on the ForEach.

Some things to note:

• I have a custom Edit button that is sending through on the Binding
• The Hunt object is Read only, so that shows when the Edit button isn’t pressed
• The Huntlet object is Read/Write for the user and then a Realm Trigger/Function updates the Hunt object when the Huntlet object is updated.

The code I was referencing in the first post is in the else statement.

Here’s the whole file:

import SwiftUI
import RealmSwift

struct TaskListView: View {
  
  @ObservedRealmObject var hunt: Hunt
  @ObservedRealmObject var huntlet: Huntlet

  @Binding var editMode: Bool
  
  var body: some View {
    VStack {
      if !editMode {
        ForEach(hunt.tasks) { task in
          TaskCardView(task: task, hunt: hunt)
            .padding([.leading, .trailing])
        }
      } else {
        if huntlet.title != "" {
          Text("Huntlet is called\(huntlet.title)")
          Text("Huntlet has \(huntlet.tasks.count) task(s)")
          List {
            ForEach(huntlet.tasks) { task in
              TaskListEditRowView(task: task)
            }
          }
        }
      }
    }
  }
}

struct TaskListEditRowView: View {
  @ObservedRealmObject var task: Task
  
  var body: some View {
    TextField("Task Name", text: $task.title)
      .font(Font.custom("RedHatDisplay-Bold", size: 14))
      .foregroundColor(Color("navy"))
  }
}

I assume that it will end up like this:

Screen Shot 2021-02-19 at 8.34.51 AM1260×208 56.6 KB

Thanks.

I stripped out everything and tried to just wrap the ForEach in a List and am getting nothing:

struct TaskListView: View {
  
  @ObservedRealmObject var hunt: Hunt
  @ObservedRealmObject var huntlet: Huntlet
  
  @Binding var editMode: Bool
  
  var body: some View {
      List {
        ForEach(hunt.tasks) { task in
          TaskCardView(task: task, hunt: hunt)
            .padding([.leading, .trailing])
        }
    }
  }
}

Again, commenting out the List wrapper and just using ForEach brings the list elements back.

Also, I tried to use .onMove and .onDelete without using List and there is no swipe function to access the Delete button and no ability to click and drag for moving, so it looks like those actually aren’t enabled without the List wrapper wrapped around the ForEach.

This may be helpful to see:

Looks like it’s not a Realm thing, but something isn’t right in SwiftUI.

At least now I can go explore the vast sparse landscape that is SwiftUI documentation

I’ll explore and post an update when/if I find a solution.

Any pointers on potential culprits would be appreciated.

FOUND IT!

A few parent views up there was a ScrollView

Since Lists are inherently scrollable, this isn’t supported. Switching the ScrollView to a VStack made the lists show up.

Well, that worked to get the list to show up, allow swipe to delete, drag to move, edit fields, etc.

But all of these actual editing functions crash the app.

The change is saved and then the app crashes.

Here is the log: Dropbox - EditListCrashLog.rtf - Simplify your life

Not sure if I should file a crash report or if I’m just doing something wrong.

UPDATE: It works sometimes. I started making a video to show what happens and if I edit the objects, the crash happens. But if I first add a new task and then interact with the editing, it works.

Here’s that video:

https://www.loom.com/share/7db9d112c338465191c5f1a680460008

Hi Diana,

I have not been able to fix it as is.

Instead I updated to Realm Cocoa 1.6 so that I can use the new property wrappers. When I pass in the realm with .environment() and use @ObservedRealmObject or @ObservedResults, it seems to update as needed and removes that need to freeze the lists.

You can see more of it here: Realm Meetup: Realm Sync in use - Building and Architecting a Mobile Chat App. - YouTube

@Andrew_Morgan explains the old way and then shows the new way on how to deal with the Lists, and that seems to have fixed the issue for now.