How to auto adjust the height of list row in edit mode?

Question

Created Jun ’22

Replies 4

Boosts 0

Views 2.1k

Participants 3

I have a list. When I click the show button in any of rows, the long text appears and the height of row auto gets taller enough to show all of the long text. However, when the list is in "edit" mode, the height of row can't auto get taller enough to show all of the long text. The long text is truncated. I have to push the list to the top manually and release, then the height of row auto gets taller and the long text can be completely displayed again. Is there any way to achieve the "auto" adjustment effect just the same as the "non-edit" mode?

struct ListEditTest: View {
    @State private var selects: Set<Int> = []
    var body: some View {
        VStack{
            EditButton()
            List(selection: $selects){
                ForEach(1..<5){
                    ItemInList(num: $0)
                }
            }
            .listStyle(PlainListStyle())
        }
    }
}
struct ItemInList: View{
    let num: Int
    @State private var showDetail = false
    var body: some View{
        HStack{
            Text("NO.\(num)")
            Text("HelloWorld")
            if showDetail{
                Text("TooManyWordsTooManyWordsTooManyWordsTooManyWordsTooManyWordsTooManyWordsTooManyWordsTooManyWords")
                Button {
                    showDetail.toggle()
                } label: {
                    Text("Hide")
                }
            }else{
                Button {
                    showDetail.toggle()
                } label: {
                    Text("Show")
                }
            }
        }
        .buttonStyle(BorderlessButtonStyle())
    }
}

Boost

Answer 1

Claude31 OP

Jun ’22

If you show detail then Edit, you get the multilines.

0

Answer 2

Claude31 OP

Jun ’22

Could this help ? https://www.hackingwithswift.com/forums/swiftui/update-content-of-existing-row-of-list/3029

0

Answer 3

WeagleWeagle OP

Jun ’22

Replace your ListEditTest file with this code or just add the .frame() part. I've changed everything to work in your file just replace the comment with an INT.

import SwiftUI

struct ListEditTest: View {
    @State private var selects: Set<Int> = []
        var body: some View {
            VStack{
                EditButton()
                List(selection: $selects){
                    ForEach(1..<5){
                        ItemInList(num: $0)
                    }
                    .frame(height: /*Preferred height of each item as an INT*/)
                }
                .listStyle(PlainListStyle())
            }
        }
}

0

Answer 4

test1229 OP

Jun ’22

Yes, the issue only happens when I tap the button in edit mode. I will read the linked post, thank you.

0