Alternative to TAB layout to show three different pages connected

Question

I have an app where from the home page the user enter in a page built like:

1. List of all registered documents from which the user can choose one of them and send it to the server with a bottom app bar from which by pressing + the user can create a new document.
2. New document it's a page FORM like where the user has to compile the data about the document
3. Body it's the part where the user has to insert all items which belong to that document

For now i show all it in a TAB menu the issue is that there are lot of scrollable elements and a TAB layout it's not appropriate as the user can swipe between views mistakely.

Here is a preview of how it looks like:

Answer 1

I've changed the whole layout in to a single page now it looks like only the list screen, by pressing + a bottom sheet will compare where the user will fullfill the form (same bottomsheet like in GMAIL when writing a new mail on iPhone) then once the user confirm it i collapse the BottomSheet and load in the view the page where he have to add products, by backpressing the user will return to the list screen and then to the home screen.

Here is how it looks like now:

Any improvement and comments are welcome

Answer 2

I can think on 2 options:

• Swipe progress flow: As per what I see instead of having the tabs you could benefit from using a slider with dots. This will show the user how many steps are remaining in your workflow providing a sense of progression and give it the flexibility to still move across them without using a tab for this particular task

• Vertical flow: Another option would be to use vertical flow with blank spaces to separate step, if you want to provide some order you can put anchors in a similar way to indicate the user where it is at the overall flow:

On both cases the idea would be to use swipes as the way to transition between states