SOLVED: Ultimate Portfolio App: Editing a Project Dismiss immediately

@fespinoza

Nov '20

RocketSim Recording - iPhone 12 Pro - 2020-11-16 21 06 28

So i try to edit a project in the view created by https://www.hackingwithswift.com/plus/ultimate-portfolio-app/editing-projects

And whenever i do a change in the project, insert a new letter in the textField or tap the color. The EditProjectView automatically dismisses.

I'm definitively not sure what went wrong.

In ProjectsView i use the header like:

List {
                ForEach(projects.wrappedValue) { project in
                    Section(header: ProjectHeaderView(project: project)) {
                    ...
                    }

Then the ProjectHeaderView is defined like:

struct ProjectHeaderView: View {
    @ObservedObject var project: Project

    var body: some View {
        HStack {
            VStack(alignment: .leading) {
                Text(project.projectTitle)

                ProgressView(value: project.completionAmount)
                    .accentColor(Color(project.projectColor))
            }

            Spacer()

            NavigationLink(destination: EditProjectView(project: project)) {
                Image(systemName: "square.and.pencil")
                    .imageScale(.large)
            }
        }
        .padding(.bottom, 10)
    }
}

Finally the EditProjectView starts with code like:

struct EditProjectView: View {
    let project: Project

    @State var title: String
    @State var detail: String
    @State var color: String
    @State var isShowingAlert: Bool = false

    @Environment(\.presentationMode) var presentationMode
    @EnvironmentObject var dataController: DataController

    var colorColumns: [GridItem] = [GridItem(.adaptive(minimum: 44))]

    init(project: Project) {
        self.project = project

        self._title = State(wrappedValue: project.projectTitle)
        self._detail = State(wrappedValue: project.projectDetail)
        self._color = State(wrappedValue: project.projectColor)
    }

    var body: some View {
        Form {
            Section(header: Text("Basic settings")) {
                TextField("Title", text: $title.onChange(update))
                TextField("Description of the project", text: $detail.onChange(update))
            }
...

I don't get it, has anyone found an issue like this?

4

@Luissh22

Nov '20

I am also having this issue. Were you able to figure it out?

I was able to narrow it down to the update() call being what triggers this issue. Since it updates the Project object, it'll also tell all objects listening for changes to the Project object.

ProjectHeaderView listens to changes on the Project object so it'll recreate its body property. I think this is what causes the EditProjectView to disappear since the ProjectHeaderView is its parent view.

3