가로 리스트뷰

가로 리스트뷰

가끔은 가로로 스클롤되는 리스트를 만들어야 때가 있습니다. ListView 위젯은 가로 리스트도 지원합니다.

기본 ListView 생성자를 사용할 것이고, scrollDirection을 Axis.horizontal으로 설정하겠습니다. 기본설정은 Axis.vertical 입니다.

class MyApp extends StatelessWidget{

  @override

  Widget build(BuildContext conctext){

    return Sacffold(

      appBar:AppBar(title:Text("Horizontal Lists")),

      body : Container(

        margin : EdgeInsets.symmetric(vertical:20.0),

        height : 200.0,

        child : ListView(

          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

            )

          ]

        )

      )

    );

  }

}