UI for adding new coffee

[glifchits]

UI for adding new coffee

[glifchits]

I implemented some of the basic functionality and navigation. The "Select Roaster" functionality is not great though.

Ideally, tapping "Select Roaster" would transition to a new screen (like a push navigation), and the Select Roaster screen would pop itself off the stack back to the Select screen once the user selects a roaster or cancels the selection.

• push works, but pop won't let us pass the selected roaster parameter back to the "Add Coffee" screen.
• if you push then replace to go back, the navigation stack preserves each coffee roaster the user had selected. You keep tapping "Back", going through many "Add Coffee" screens — as many times as you tapped "Select Roaster" — and each screen has the roaster you'd selected at that time.

I settled on calling replace both times. Apparently you can animate the screen transitions separately (see react-navigation/react-navigation#295 (comment)) and implementing the "Back" button could also be done separately.

In a perfect world, we would have a popAndReplace method. Alas, Trump got elected so we're stuck having to do things by ourselves.

[glifchits]

didnt do anything else to it but its more or less functional. Won't build the select roaster screen since it duplicates basically all the functionality and I am not good enough at React native to build a nice reusable abstraction for the "search, select or add" process.