Как я могу построить прокрутку списка внутри контейнера?

Question

Как сделать горизонтальную прокрутку в виде списка, как на картинке

Еще одно объяснение, я хочу построить такой список прокрутки внутри черного контейнера. Скриншот

! [Введите описание изображения здесь] [1]

Код

    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,
              ),
            ],
          )
        ),    
      ),
    )

Answer 1

знаете ли вы о столбце виджета? если нет то попробуйте и скажите мне, если это то, что вы хотите или нет

Answer 2

Замените ваш Center виджет на Align и установите alignment в соответствии с тем, что вам нужно:

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