In this tutorial, I will show everything you need to know about designing a carousel slider and how to get data from a server(REST API) and show. also, I will save those REST API data into local storage(get storage). so when your relog into the app no need to wait for server data. In this example code, I used the Getx library, and the project created using Flutter version 2.xx. Hope you learn something! don't forget to give like and follow. Thank you!
Used below plugings for this project
- get: ^4.1.4
- get_storage: ^2.0.2
- carousel_slider: ^3.0.0
- cached_network_image: ^3.0.0
- shimmer: ^2.0.0
To get a local copy up and running follow these simple example steps.
- Clone the repo
git clone https://github.com/Sameera-Perera/Flutter-image-upload-complete-example.git
- Install packages
flutter pub get
- Create new firebase project and add data into firestore database and storage.
Note: Make sure your firestore rules are allow to fetch data.
Demo video - https://youtu.be/IVQROkCqAmg
Distributed under the MIT License. See LICENSE for more information.
You Tube - @programming_night - Programming Night
Project Link: https://github.com/Sameera-Perera/flutter-carousel-slider-example