There is a web app that has a UI like this. Let's call this the estimate builder.
The user can add as many estimate items as he wants by clicking the blue button at top right with a plus sign. Also the user has the ability to delete any row (item), duplicate an item and reorder items by dragging and dropping.
I'm creating a mobile client for this web app and I'm trying to replicate all these issues to fit in an iOS device screen. This is my first attempt.
The user can swipe on a cell to reveal the delete button. If you long-press on a cell, you can duplicate it. The bottom 4 rows are fixed in place. So only the Estimate Item list can be scrolled.
Everything looks okay so far but I'm having some issues when the keyboard appears.
As you can see the textfields on the lower area are obscured when the keyboard appears. And due to how the UI is structured, it seems impossible to rectify this issue (This is because of some technical difficulties which I wouldn't go into here because they simply don't belong here). And I was told that I should rethink my design.
I'm only a developer sand I'm pretty bad at designing so for the life of me, I can't think of a better way to redesign this.
If I could have some guidance/suggestions, I'd really appreciate it.