Study Record

🎁 GridView 행과 열이 복잡한 리스트 뷰를 만들 수 있다. 😶 GridView.count 일반적으로 GridView 를 사용하는 방법이다. crossAxisCount 로 가로로 몇 줄로 넣을지 결정한다. crossAxisSpacing 으로 가로 사이의 간격을 mainAxisSpacing 으로 세로 사이의 간격을 정한다. children 으로 그리드뷰에 들어갈 항목을 정한다. children 에 위젯이 100개면 실행과 동시에 100개가 한 번에 생성된다. 따라서 개수가 많으면 비효율적일 수 있다. GridView.count( // 가로로 몇개를 넣을래? crossAxisCount: 2, // 가로끼리의 간격 crossAxisSpacing: 12.0, // 세로(위, 아래)끼리의 간격 mainAxi..

🎁 ListView 여러 개의 항목을 여러 개로 스크롤 가능하게 보여줄 수 있는 위젯이다. 😶 기본 ListView 다음과 같이 기본적으로 children 으로 여러 개의 항목을 설정할 수 있다. 이 방법은 children 의 리스트 개수가 100개면 실행과 동시에 100개가 한 번에 생성된다. 따라서 개수가 많으면 비효율적일 수 있다. ListView( children: List.generate(100, (index) => Container( height: 100, child: Center(child: Text(index.toString())), )), ); 😶 ListView.builder ListView.builder 를 사용하여 리스트뷰를 생성할 수 있다. itemCount 가 항목의 개수이고 i..

✍ SingleChildScrollView Widget 가장 기본적인 스크롤 가능한 위젯이다. child 인자에 원하는 위젯(ex. Column)을 넣으면 기본 값으로 위젯이 화면 사이즈를 넘게 되면 스크롤이 가능하고 화면 사이즈를 넘지 않으면 기본 위젯으로만 작동한다. SingleChildScrollView 위젯은 child 에 있는 위젯을 한번에 그린다. 즉, child 에 Column 위젯을 넣었는데 children list 의 길이가 100이면 100개 한번에 생성된다. 따라서 들어가는 위젯이 많으면 비용 면에서 비효율적일 수 있다. SingleChildScrollView( child: Column( children: [ Colors.red, Colors.yellow, Colors.green, C..