Post marked as solved
Post marked as solved with 2 replies, 241 views
I'm building a settings page and simply want an active preview display embedded into a larger Font Settings View that has:
editable text (so TextField)
rendering of corresponding Apple provided TextStyle (so ask to keep with DynamicType guidelines)
struct PairingDisplayView: View {
@Binding var displayStyle: Font.TextStyle
@State var displaySample = "This is a title"
@State var bodySample = "Here's some body text to elaborate the font paring preview"
var body: some View {
VStack(alignment: .leading) {
Group {
TextField(
"display",
text: $displaySample
)
.font(displayStyle)
TextField(
"body",
text: $bodySample
)
.font(.body)
}
.padding()
}
.overlay(
RoundedRectangle(cornerSize: CGSize(width: 20, height: 20))
.strokeBorder()
.foregroundColor(.cyan)
)
.padding()
}
}
I have a @State var selectedSystemStyle: Font.TextStyle = .caption2 that later feeds the said Binding... but I can't get over how confusing it is to me that a Font.TextStyle is not acceptable for the .font() modifier considering it's a Font and I appropriately call .font(displayStyle)
Am I missing something fundamental here?
Posted
by
jesaispascoder.
Last updated
jesaispascoder.
.