쥐수의 공부노트

앞서 배워본 ListView와 GridView는 스크롤 기능을 자동으로 추가해준다.하지만 이 두가지 위젯을 사용하지 않고 출력 범위를 초과하여 사용하게 되면 오류가 발생하게 되는데, 이때 스크롤 기능을 추가하여 에러 발생을 막을 수 있다.바로 SingleChildScrollView이다.해당 기능을 사용하게 되면 출력 범위가 초과하게 되더라도 오류가 발생하지 않고 스크롤을 통해 확인이 가능하다. body: SingleChildScrollView( child: Column( children: [ Container( width: MediaQuery.of(context).size.width, height: 300, ..

GridView도 ListView에서 builder를 사용하여 효율적으로 코드를 구성하는 것처럼 GridView도 builder를 이용하여 효율적으로 구성 가능하다.ListView.builder에서 진행했던 대로 JSON 형식으로 만들고 builder를 적용한다. final postList = [ { "number" : "0", "color" : Colors.amber, }, { "number" : "1", "color" : Colors.black, }, { "number" : "2", "color" : Colors.blue, }, { "number" : "3", "color" : Colors.p..

GridView는 ListView와 비슷하지만 2차원 배열 형태로 보여주는 위젯이다.GridView에서 몇가지 알고 적용해야 하는 속성이 있는데 그 중 하나가 gridDelegate다.girdDelegatesms GridView의 children 위젯들의 레이아웃을 조정하는 역할을 하며 ,여기에서는 SilverGridDelegateWithFixedCrossAxisCount를 활용하여 crossAxisCount (가로축 카운트), crossAxisSpacing(가로축 사이 간격), mainAxisSpacing(세로축 사이 간격)을 설정하였다. body: GridView( gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( ..