title: Make some parts of TextField Editable
body: <p>So I have this unique requirement as shown in the picture below, where the blue texts are user inputs. I have been doing my own research regarding this and have found a few viable solutions, out of which a custom <code>TextEditingController</code> seems most promising. I haven't started implementation but out of the top of my head, I think I might run into some problems with the touch and cursor controls later on.</p>
  <p>Now my question is, Is there a better way that I might have overlooked? Is there a way to gracefully handle which areas are touchable, handle the cursor when deleting, and moving to the next focus?</p>
  <p><a href="https://i.stack.imgur.com/5WS4X.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5WS4X.png" alt="enter image description here" /></a></p>