꿈꾸는 시스템 디자이너

import 'package:flutter/material.dart'; class GridViewDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("GridView Demo")), body: GridView.count( crossAxisCount: 4, children: List.generate(1000, (index) { return boxItem(index); }), ), ); } boxItem(int index) { return Container( height: 100, width: 100, decoration: BoxDecorati..

Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 강좌에서는 그리드 리스트뷰를 사용하는 방법에 대해서 살펴본다. 일반적인 리스트뷰는 한 로우 혹은 컬럼에 하나의 아이템이 등록된다. 하지만 때에 따라 한 로우 혹은 컬럼에 여러 아이템을 등록할 필요가 있을 때도 있다. 이미지 갤러리의 경우가 그리드 리스트뷰의 좋은 예이다. 그리드뷰를 가장 쉽게 이용하는 방법은 GridView.count() 생성자를 이용하는 방법이다. 이유는 한 로우(혹은 컬럼)에 몇개의 아이템을 구성할지를 명시적으로 선언할 수 있기 때문이다. 소스코드는 다음과 같다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); c..