Question 287981 in Flutter Question posted in
The official Flutter documentation can be found here.

Flutter custom horizontal scrollview

I’ve been familiar with Flutter for about a year, but I’ve encountered a challenge in creating a UI like the image I provided. What should I learn to create a horizontal ScrollView component like that? Thank you.

[![1](https://i.stack.imgur.com/RJgcE.jpg)](https://i.stack.imgur.com/RJgcE.jpg)
[![2](https://i.stack.imgur.com/74Fnz.jpg)](https://i.stack.imgur.com/74Fnz.jpg)
[![2](https://i.stack.imgur.com/JF5BF.jpg)](https://i.stack.imgur.com/JF5BF.jpg)
Video: https://www.youtube.com/shorts/11v4GptK8eo

i have try use basic horizontal ScrollView..

Tags:

2

Answers


  1. 0

    You can try using flutter_carousel_widget

    Use Stack then over it the carousel with Positioned.filled which has 1st index with empty transparent Container.

    Login or Signup to reply.
  2. 0

    Use the standard ListView constructor, passing in a horizontal scrollDirection, which overrides the default vertical direction.

    https://docs.flutter.dev/cookbook/lists/horizontal-list

    https://api.flutter.dev/flutter/widgets/CustomScrollView-class.html

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search