how can i recreate flutter shrine screen ui (horizontal scroling)

Issue

i want to make a ui screen like shrine with listview and stack (horizontal scroling)
if there’s a widget to help with it it’ll be amazing too
to the one’s who don’t know what shrine ui look like [ the right screen ]

here’s some that’s not working ..

Expanded(
          child: ListView.builder(
            itemCount: 10,
            shrinkWrap: true,
            physics: ClampingScrollPhysics(),
            scrollDirection: Axis.horizontal,
            itemBuilder: (BuildContext context, int index) {
              return Stack(
                  children: List.generate(10, (index) {
                return Positioned(
                  top: (1 * index).toDouble(),
                  right: 50,
                  width: 300,
                  child: MyWidget(),
                );
              }));
            },
          ),
        ),

any idea or insight is appreciated
thanks

Solution

You can try using ListView.builder or ListView with shinkWrap: true and make sure to scrollDirection is horizontal.

If this solution didn’t help you. U can use third-part libraries, so I mean packages, for example:

• flutter_staggered_animations

Answered By – iss

Answer Checked By – Timothy Miller (FlutterFixes Admin)