SwiftUIX | Extensions and additions to the standard SwiftUI library | Frontend Framework library

Newbie here 😬

I'm trying to make an "input" in SwiftUI with varying fontSizes.

From what I can tell from other posts, there's no way to do this with the native TextField, so instead I created an HStack with a splicedText and rendering each part of my text separately to achieve the desired result. This bit works fine.

However, now I have both a regular TextField, as well as my "label", and I can't figure out how to hide this textfield and still keep the .decimalPad open.

This is the look I'm trying to achieve:

This is what I have so far:

As you can see my value is showing up twice. one almost properly formatted, and one unformatted below (the TextField).

I tried adding a .hidden() to the TextField, and while this does hide the TextField() my firstResponder() .decimalPad no longer shows up and I have no way to input my value :(

I don't want to just set it to have opacity(0) either as I don't want it to take up any space in my view.

There will eventually be 2 inputs on this screen, and I need to be able to click the "label" to open the .decimalPad again. However I have not gotten this far yet.

Here's the code to render this: