|
2 years ago | |
---|---|---|
.. | ||
audit | 2 years ago | |
resources | 2 years ago | |
README.md | 2 years ago |
README.md
Favorite Images
Nowadays, it is very difficult to imagine a popular app that does not work with storing, accessing images. This is a practical exercise designed to help you practice it in a mobile app.
This app must allows you to create a personal gallery where you can upload images from your phone library or take new pictures and immediately add them to your collection.
To build this app, you have as allowed packages the image_picker, which enables you to access the device's camera and gallery.
Instructions
Image Picker
In the first part of the exercise, you will create an appbar
with an IconButton.
When the user clicks on the button, they should see two options:
- Open the camera.
- Access the gallery.
Note: Your camera must work both in
iOS
andAndroid
.
You should use the image_picker
package to implement this functionality. Additionally, you should show a "No images selected"
message if no images have been loaded.
Note: Don't forget to add the special keys to the Info.plist file under the iOS folder to access the camera and gallery, see the example.
![](/git/root/public/media/commit/9e72f60c8dcf134ca7fd05650f94ef638d5a9eb6/subjects/mobile-dev/favorite-images/resources/imageLibrary.01.png?raw=true)
Image Gallery
In the second part of the exercise, you will add the following functionalities:
- Add the selected image or taken picture to a
GridList
to display all the images in your collection. - Implement the ability for the user to
tap on an image
and view the entire picture, providing a better user experience. - Add the ability for the user to
zoom in and out
of the image, allowing them to see the image details more clearly.
![](/git/root/public/media/commit/9e72f60c8dcf134ca7fd05650f94ef638d5a9eb6/subjects/mobile-dev/favorite-images/resources/imageLibrary.02.png?raw=true)
![](/git/root/public/media/commit/9e72f60c8dcf134ca7fd05650f94ef638d5a9eb6/subjects/mobile-dev/favorite-images/resources/imageLibrary.03.png?raw=true)
Bonus
Here are three possible bonus features you could add to this project:
-
Image editing features
, you could add basic image editing functionalities such as cropping, rotating, or adding filters to the images before they are added to the gallery. -
Cloud storage
to make sure that the user's images are safe, you could implement cloud storage so that the images are stored on a remote server rather than just on the user's device. -
Sharing options
, to improve the user experience, you could add sharing options so that users can easily share their favorite images on social media platforms or through email or messaging.