SwiftUI rename SideBar item

Question

I'm using SwiftUI and create a SlideMenu, I want to rename my menu item. I do it by change Text to TextField but the TextField disabled by default. What wrong with TextField, I unable to click on it or is there any way to rename without swap Text <-> TextField?

    struct CellView: View {
    @State private var isRename = false
    @State private var newName: String = ""
    var menuItem: MenuItem
    var body: some View {
        HStack {
            Image(systemName: "folder")
                .foregroundColor(.accentColor)
            if isRename {
                TextField(menuItem.name ?? "Unknow name", text: $newName)
            }else {
                Text(menuItem.name ?? "Unknow name")
            }
            Spacer()
        }        
        .contextMenu {
            Button(action: {
                isRename = true
            }) {
                HStack {
                    Image(systemName: "pencil")
                        .foregroundColor(.accentColor)
                    Text("Rename")
                }
            }
        }
    }
}

Answer 1

I don't think it is disabled (as tested provided code), you just see placeholder and TextField is not in focus by default.

So here is possible solution (based on CustomTextField from this answer)

    if isRename {
         CustomTextField(text: $newName,
                nextResponder: .constant(nil),
                isResponder: .constant(true),
                isSecured: false,
                keyboard: .default)
    }else {
        Text(menuItem.name ?? "Unknow name")
    }
    Spacer()
}        
.contextMenu {
    Button(action: {
        newName = menuItem.name ?? "Unknown name"
        isRename = true
    }) {

Note: it is not shown what is MenuItem but consider possibility to bind text field directly to menuItem.name

Answer 2

With iOS 16, there's a built-in RenameButton view and a .renameAction{} modifier:

RenameButton()
.renameAction {
   //add action here
 }