Question

如何使listview像图片一样水平滚动

我要在黑色容器中建立这样的滚动列表的另一种解释 屏幕截图

！[在此处输入图片描述] [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

将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(     
                            ...

Answer 2

您知道有关列小部件的信息吗？如果没有，请尝试并告诉我您是否想要

如何在容器内构建ListView滚动？

2 个答案: