Where to place add row button in a form on mobile applications?
I'm designing a banking application based on material design guidelines and when creating a transition request, the user can add multiple rows to the transition form in order to transfer different money amounts to different accounts in one transition, in the transition form, each row consists of two main fields (the destination account number and the amount of the money to be transferred to destination).
Where is the best place to place the "Add row" button? (knowing each row is an expandable card containing at least two fields)
My suggestions are :
At the end of the last row's card with a flat button and an appropriate icon beside it saying add row (which I think is not the best option because adding another row is not the action related to this card).
Add a large "Add row" button to the bottom of the page, which adds a new row and scrolls to it when clicked on (similar to add to cart buttons in e commerce applications in shape and size).
Add a standard icon for "Add row" from material icons to the header of this page (which I think may be a little hard to see/find for the user).
Add a floating action button with a plus icon to the page, which adds a row to the form if clicked on (there's a problem with this idea too, as there's another place in the app where we use the same pattern to create the forms themselves).
Any other suggestions will be greatly appreciated.