将 ViewModifier 应用于 UIViewRepresentable
Apply ViewModifier to UIViewRepresentable
我为 UITextField 创建了一个 UIViewRespresentable。我想应用修饰符:
myTextField.font(.headline).keyboardType(keyboardType)
这不起作用,即使我的 UIViewRepresentable 很简单:
class MyTextField: UITextField { ... }
struct MyFieldField: UIViewRepresentable {
private let field = MyTextField()
func makeUIView(context: Context) -> MyTextField { return field }
func updateUIView(_ uiView: MyTextField, context: Context) {
...
}
}
UITextField
是 UIKit 组件,不是 SwiftUI 组件。它目前不遵守 .font()
或任何其他 SwiftUI 修饰符。此外,您 cannot currently create 来自 SwiftUI Font
的 UIFont
。因此,尽管您可以 @Environment(\.font) var font: Font
获取当前值,但在 UIKit 领域您将无法用它做任何有用的事情。
您可以:
- 直接在您的
UIViewRepresentable
上设置一个 UIFont
- 使用
UIFont.TextStyle
Font.TextStyle
和 UIFont.TextStyle
之间的映射
对于其中任何一个,您都需要在 UIViewRepresentable
上显式创建一个变量来保存该值,然后在 updateUIView(context:)
期间应用它
struct MyFieldField: UIViewRepresentable {
// Your three options
var myUIFont: UIFont
var myUITextStyle: UIFont.TextStyle
var mySwiftUITextStyle: Font.TextStyle // map this onto UIFont.TextStyle
...
}
我为 UITextField 创建了一个 UIViewRespresentable。我想应用修饰符:
myTextField.font(.headline).keyboardType(keyboardType)
这不起作用,即使我的 UIViewRepresentable 很简单:
class MyTextField: UITextField { ... }
struct MyFieldField: UIViewRepresentable {
private let field = MyTextField()
func makeUIView(context: Context) -> MyTextField { return field }
func updateUIView(_ uiView: MyTextField, context: Context) {
...
}
}
UITextField
是 UIKit 组件,不是 SwiftUI 组件。它目前不遵守 .font()
或任何其他 SwiftUI 修饰符。此外,您 cannot currently create 来自 SwiftUI Font
的 UIFont
。因此,尽管您可以 @Environment(\.font) var font: Font
获取当前值,但在 UIKit 领域您将无法用它做任何有用的事情。
您可以:
- 直接在您的
UIViewRepresentable
上设置一个 - 使用
UIFont.TextStyle
Font.TextStyle
和UIFont.TextStyle
之间的映射
UIFont
对于其中任何一个,您都需要在 UIViewRepresentable
上显式创建一个变量来保存该值,然后在 updateUIView(context:)
struct MyFieldField: UIViewRepresentable {
// Your three options
var myUIFont: UIFont
var myUITextStyle: UIFont.TextStyle
var mySwiftUITextStyle: Font.TextStyle // map this onto UIFont.TextStyle
...
}