Why this Horizontal Listview not Scrolling on flutter Web?

Asked Jun 30 '21 at 07:35

Active Jun 30 '21 at 07:35

Viewed 886 times

I'd been trying to implement horizontal listview in flutter(Web). The code works fine for android but somehow scroll gets disable on web . Can anyone tell the error or improvement in the below code. I wast something like youtube app's filter widget Just like this

    return Scaffold(
    body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            SizedBox(
              height: MediaQuery.of(context).size.height * 0.1,
              child: SingleChildScrollView(
                scrollDirection: Axis.horizontal,
                child: ListView(
                    scrollDirection: Axis.horizontal,
                    shrinkWrap: true,
                    children: [
                      Card1
                      Card2
                      Card3
                      Card4
 
                    ]),
              ),....closing brackets

asked Jun 30 '21 at 07:35

SJ_Kit

Also this works on dartpad but not on Android Studio's chrome(web) – SJ_Kit Jun 30 '21 at 07:46
1

I think you can remove singlechildscrollview and give a try – Muhtar Jun 30 '21 at 07:47
since the parent is singlechildscrollview, its using this to scroll.. you can either disable scrollphysics for the same or remove it . – griffins Jun 30 '21 at 08:55
@Muhtar I tried removing the singlechildscrollview ,but then too it wont't work. BTW thanks answering . – SJ_Kit Jul 01 '21 at 12:20
1

Does this answer your question? https://stackoverflow.com/a/69202112/12789200 – Zyair Nov 24 '21 at 00:02

Why this Horizontal Listview not Scrolling on flutter Web?

0 Answers0