This is a repository containing a test task for React Native developer to join StartupCraft.
You need to follow the visual example of expected result provided below:
- As a result of taping picker in the top, the bottom menu should show up like in the example. By selecting an option "Availabilities" or "Preferences" the picker should change the selected value
- Cancel simply closes the bottom menu
- Please record video of the process of writing a code + commenting in the background and upload to GoogleDrive/Dropbox
- Behaviour
- should gracefully support iPhone X home indicator space
- should be closeable by pressing on both overlay and "Cancel" button
- should have scrollable option list if
maxHeight
prop is less than component's content height (including bottom space & cancel button).
- Animations
- overlay opacity animation from 0 to 0.4
#000000
- component's content should slide in/out with the same speed (100ms) both for 1 and for 50 options
- overlay opacity animation from 0 to 0.4
- Advanced
- should be closeable by swiping component's content down
You are free to use any library you want (exception is ready-to-use list sheet components and modal libraries such as react-native-modal etc). Use only functional components & react hooks.
The task will be considered as completed when you fulfill all the requirements and send the final code in a Gist or through CodePen or similar apps (though no references should be to this folder) and video showcasing code process as a link to your DropBox or GoogleDrive.
All results should be sent to info@startupcraft.io email
Good luck!