`focusable()` broken for views that are not already focusable

Question

Created Jan ’23

Replies 3

Boosts 0

Views 1.2k

Participants 2

This is taken from a completely fresh multiplatform SwiftUI project. I want to be able to make a custom view focusable, so I tried testing with a Text view but it's not working. Isn't that the whole point of .focusable() to declare an arbitrary view focusable? If that's the case, then why isn't it working in the below code:

 import SwiftUI
 
struct ContentView: View {
    @FocusState private var focusedItem: Optional<FocusedItem>
 
    var body: some View {
        VStack {
            Text("Test")
                .focusable(true)
                .focused($focusedItem, equals: .two)
 
            Button("Toggle Focus") {
                self.focusedItem=(self.focusedItem == nil) ? .two : nil
                DispatchQueue.main.asyncAfter(deadline: .now() + 3) {
                      
                    // Always prints `nil`.
                    print(self.focusedItem)
                }
            }
        }
    }
    
    enum FocusedItem {
        case one, two
        func other() -> FocusedItem {
            switch self {
            case .one: return .two
            case .two: return .one
            }
        }
    }
}
 
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Boost

Answer 1

MobileTen OP

Jan ’23

Using a Text view is not supported with focus. Focus is used for setting the input focus (firstResponder) for input-oriented controls like TextField, TextEditor etc. Read the documentation first, it usually helps.

0

Answer 2

MobileTen OP

Jan ’23

Your code modified to use a TextField instead of a Text view.

 import SwiftUI
 
 
 
struct ContentView: View {
 
    @FocusState private var focusedItem: Optional<FocusedItem>
 
    @State var inputname: String = ""
 
    
 
    var body: some View {
 
        VStack {
 
            
 
            TextField("Test", text: $inputname)
 
            #if os(macOS)
 
                .focusable(true)
 
            #endif
 
                .focused($focusedItem, equals: .two)
 
 
 
            Button("Toggle Focus") {
 
                self.focusedItem=(self.focusedItem == nil) ? .two : nil
 
            }.onChange(of: focusedItem) { newValue in
 
                // Always prints `nil`.
 
                print(newValue as Any)
 
            }
 
        }
 
    }
 
    
 
    enum FocusedItem: Equatable {
 
        case one, two
 
        func other() -> FocusedItem {
 
            switch self {
 
            case .one: return .two
 
            case .two: return .one
 
            }
 
        }
 
    }
 
}
 
 
 
struct ContentView_Previews: PreviewProvider {
 
    static var previews: some View {
 
        ContentView()
 
    }
 
}

0

Answer 3

christopherking OP

Jan ’23

I did: “Specifies if the view is focusable.”. Where in the documentation did you read that it’s for “input-oriented” controls?

0

	import SwiftUI

	struct ContentView: View {
	@FocusState private var focusedItem: Optional<FocusedItem>

	var body: some View {
	VStack {
	Text("Test")
	.focusable(true)
	.focused($focusedItem, equals: .two)

	Button("Toggle Focus") {
	self.focusedItem=(self.focusedItem == nil) ? .two : nil
	DispatchQueue.main.asyncAfter(deadline: .now() + 3) {

	// Always prints `nil`.
	print(self.focusedItem)
	}
	}
	}
	}

	enum FocusedItem {
	case one, two
	func other() -> FocusedItem {
	switch self {
	case .one: return .two
	case .two: return .one
	}
	}
	}
	}

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