[flutter] 플러터 컨테이너 가로로 스크롤하기 / SingleChildScrollView, scrollDirection, Axis.horizontal

플러터의 컨테이너(Container)을 가로로 스크롤 하기 위해서는 어떻게 해야할까?

 

세로로 스크롤하려면 SingleChildScrollView를 사용하면 됐었다. 이에 관련하여서는 아래 링크를 참고하길 바란다.

https://chocohaim1121.tistory.com/35

[flutter] 플러터에서 특정 container 자체를 스크롤 형태로 만드는 방법

 

가로(Axis.horizontal)로 스크롤하려면  여기에 scrollDirection: Axis.horizontal 속성을 추가하면 된다.

Container의 child를 SingleChildScrollView로 하고 가로로 스크롤 한 속성을 추가시킨 코드는 아래와 같다.

Container(
            child: SingleChildScrollView(
              scrollDirection: Axis.horizontal,
              child: Row(
                children: [

                ],
              ),
            ),
          ),

 

반응형

예시 코드 )

예시 코드는 Row 내에 children으로 Text를 넣었다. 여러개 넣으면 그 크기가 휴대폰 화면 크기를 넘어가기 때문에 스크롤 뷰로 구성하지 않으면 에러가 발생한다. 하지만 스크롤이 되도록 설정하면 아래와 같이 넘어가는 부분은 가려지고, 스크롤 했을 때에 나타난다.

 

스크롤 전

스크롤 후

 

 

 

 

---

오류, 질문이 있으면 댓글달아주세요

구독은 항상 환영입니다 :)

---