How I can build listview scroll inside container?

Question

How I can make listview horizontal scroll like the image

Another explanation I want to build such a scroll list inside the black container Screenshot

![enter image description here][1]

Code

    body: Center (
       child: Container(
        height: 400.0,
        width: 300.0,        
        color: Colors.white,
        child: Container(
          margin: EdgeInsets.symmetric(vertical: 90.0),
          child: ListView(
            // This next line does the trick.
            scrollDirection: Axis.horizontal,
            children: <Widget>[
              Container(
                width: 160.0,
                color: Colors.red,
              ),
              Container(
                width: 160.0,
                color: Colors.blue,
              ),
              Container(
                width: 160.0,
                color: Colors.green,
              ),
              Container(
                width: 160.0,
                color: Colors.yellow,
              ),
              Container(
                width: 160.0,
                color: Colors.orange,
              ),
            ],
          )
        ),    
      ),
    )

youssef ali · Accepted Answer · 2019-04-01 18:43:12Z

1

do you know about column widget ? if no then try it and tell me if this what you want or not

answered Apr 1, 2019 at 18:43

youssef ali

4265 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

youssef ali Over a year ago

ok after you changed your post now its more clear i would say you need a column widget add the first child of column widget a card widget then add listview as a child to card

diegoveloper · Accepted Answer · 2019-04-01 17:09:51Z

0

Replace your Center widget by Align and set the alignment according what you need:

            body: Align(
                      alignment: Alignment.bottomCenter, // or Alignment.topCenter
                      child: Container(
                        height: 200.0,
                        width: 300.0,
                        color: Colors.white,
                        child: Container(
                            child: ListView(     
                            ...

answered Apr 1, 2019 at 17:09

diegoveloper

104k25 gold badges253 silver badges201 bronze badges

11 Comments

fluttery Over a year ago

bro I mean ListView Alignment inside the white container

diegoveloper Over a year ago

Yep, don't forget to remove the margin from your container

fluttery Over a year ago

bro you move the white box not the listview i need move position of the listview to top or inside white box

diegoveloper Over a year ago

Could you update your question with my code and see how it works? Add a screenshot

diegoveloper Over a year ago

Update your question using my code to check if it is correct

|

Collectives™ on Stack Overflow

How I can build listview scroll inside container?

2 Answers 2

1 Comment

11 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

11 Comments

Your Answer

Sign up or log in

Post as a guest

Related