Document Libraries & Packages used in UI

@react-native-async-storage/async-storage

• It is an asynchronous, unencrypted, persistent, key-value storage solution for React Native
• It has multi-platform support for Android, iOS, Web, macOS, and Windows
• getItem and setItem work in a similar way as in local storage

Note: Async Storage can only store string data, so in order to store object data you need to serialize it first. For data that can be serialized to JSON, you can use JSON.stringify() when saving the data and JSON.parse() when loading the data.

@react-navigation

• React Navigation's stack navigator provides the gestures and animations that you would expect on Android and iOS when navigating between routes in the stack.
• React Navigation's tab navigator takes care of handling the Android back button for you.
• Routes are lazily initialized -- their screen components are not mounted until they are first focused.
• Platform-specific look-and-feel with smooth animations and gestures.
• It is Extensible at every layer— you can write your own navigators or even replace the user-facing API.

react-native-image-picker

• Allows you to use native UI to select media from the device library or directly from the camera.
• Image/video captured via camera will be stored in a temporary folder so will be deleted any time.

Note: Requires WRITE_EXTERNAL_STORAGE permission on Android 28 and below

react-native-vector-icons

• Vector Icons are perfect for buttons, logos, and nav/tab bars.
• Vector Icons are easy to extend, style, and integrate into your project.
• Has a huge variety of bundled icon sets
• These icons come with complete customization such as icon size, icon color, and it also supports multiple styling.

CC: @princiya, @temitopeakinsoto, @StuffByLiang