Flutter Example - GridView Widget

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: BoxDecoration(
          color: (index % 3 == 0)
              ? Colors.red
              : (index % 3 == 1) ? Colors.blue : Colors.orange),
      alignment: Alignment(0, 0),
      child: Text(
        "Item $index",
        style: TextStyle(color: Colors.white),
      ),
    );
  }
}

 

 

▶ Go to Table of Contents | 강의 목차로 이동

---

※ This example is also available in the Flutter Code Examples app. | 본 예제는 Flutter Code Examples 앱에서도 제공됩니다.

Flutter Code Examples - Google Play 앱