Flutter : make two listviews scrollable as one

user_11829057 0
Viewed 6486

I'm trying to make a screen that's scrollable (like the whole screen scrollable).

This is what I got know:

Column(
          children: <Widget>[

                 Expanded(
                    child: ListView(
                        scrollDirection: Axis.horizontal, children: posts2b)),

            Expanded(child: ListView(children: posts2a)),
          ],
        );

It all works, but I want those listviews scrollable as one. So if you scroll down, the horizontal listview 'disappears'.

Is that possible?

Thank you!

dart flutter
3 Answers

Something like this?

SingleChildScrollView(
  child: Column(
    mainAxisSize: MainAxisSize.min,
    children: <Widget>[
      SizedBox(
        height: 200,
        child: ListView(
          scrollDirection: Axis.horizontal,
          children: posts2b,
        ),
      ),
      Flexible(
        child: ListView(
          physics: NeverScrollableScrollPhysics(),
          shrinkWrap: true,
          children: posts2a,
        ),
      ),
    ],
  ),
)

Wrap Column with SingleChildScrollView, set height for horizontal list and disable scrolling for vertical list by adding physics: NeverScrollableScrollPhysics() ...

user_99255200

Use SizedBox() and give the option, shrinkWrap: true.

SizedBox(
              child: ListView(
                physics: NeverScrollableScrollPhysics(),
                shrinkWrap: true,
...
),
SizedBox(
              child: ListView(
                physics: NeverScrollableScrollPhysics(),
                shrinkWrap: true,
...
),
user_183321700

I fixed this problem by this approach -

SingleChildScrollView(
                      child: Column(
                        children: [
                        ListView(
                          physics: const NeverScrollableScrollPhysics(),
                          shrinkWrap: true,
                          .
                          .
                          .
                        ),
                          ListView(
                          physics: const NeverScrollableScrollPhysics(),
                          shrinkWrap: true,
                          .
                          .
                          .
                          .
                        ),
                      ]),
                    );
user_72001330
Related