How to build Image Slider in Flutter || Image Slider Flutter Tutorial || Carousel Slider

[Music] hello everyone welcome back to the channel I have again come back with another brand new video on flutter in this video we are creating an auto image slider using a flutter package called Carousel slider so create a new flutter project and create one new dart file in that new file create State full widget class and return a scaffold with some text as shown in the video and create a folder assets and images put all the required images inside that folder and edit the pubspec.yaml file to use the asset section on Project [Music] so first create a list of images that are going to be used for image slider and one integer variable to store the current index of images for creating an image indicator [Music] [Music] thank you [Music] [Music] foreign [Music] list and variable we are using single child scroll view in scaffold body with column widget on its child inside columns children we are using a carousel slider before that let's add its dependency and import it [Music] [Music] foreign [Music] [Music] [Music] foreign [Music] [Music] slider is working now let's make it more beautiful and appealing foreign [Music] [Music] thank you [Music] [Music] now let's add the image indicator to this image slider for this you can use flutter packages like dots indicator or the smooth page indicator right now I am using smooth page indicator so let's add the dependency and start the work [Music] thank you [Music] [Music] [Music] um [Music] foreign [Music] [Music] thank you [Music] now it looks more appealing and beautiful [Music] the voices [Music] [Applause] [Music]

Channel: Roshan Lungali

Views: 5,607

Keywords:

Id: XsX026G27e8

Length: 7min 47sec (467 seconds)

Published: Tue Aug 22 2023