This was a long chapter! We accomplished a lot of things. First, we used NavigatorIOS
to establish custom routes and created a component to edit a to-do item's details, including marking it as completed and adding a due date.
Then, we built a custom, reusable component with fluid animations to expand and collapse a child component, allowing DatePickerIOS
to expand and collapse as needed. Afterward, we implemented logic to save the changes we make to a task using the navigation bar.
We also ported our app to support the Android operating system! We started by swapping out NavigatorIOS
for Navigator
, using the Platform
API to trigger conditional logic depending on the type of mobile device our user is on, and creating iOS-and Android-specific components by appending .android
and .ios
to each index file.
We finished up the port to Android by rendering date and time pickers on Android, which are two separate popups, and creating a save button within our Android-specific EditTask
component...