Program/Flutter

Flutter List Widget Ex03

하랑파파♡ 2018. 11. 9. 16:15
728x90
반응형
SMALL

# 참고

https://flutter.io/docs/cookbook/lists/grid-lists


import 'package:flutter/material.dart';
 
class ListEx03 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ListEx03'),
      ),
      body: SafeArea(
        // 그리드를 사용하여 시작하는 가장 간단한 방법은
        // GridView.count 생성자를 사용하는 것입니다.
        // 우리가 원하는 행이나 열의 수를 지정할 수 있기 때문입니다.
        child: GridView.count(
          // 두 개의 열로 그리드를 작성합니다. 스크롤방향을 변경하는 경우
          // 수평을 선택하면 2개의 행이 생성됩니다.
          crossAxisCount: 2,
          // 목록에 인덱스를 표시하는 100개의 위젯 생성
          children: List.generate(100, (index) {
            return Center(
              child: Text(
                'Item $index',
                style: Theme.of(context).textTheme.headline,
              ),
            );
          }),
        ),
      ),
    );
  }
}
 
cs


728x90
반응형
LIST

'Program > Flutter' 카테고리의 다른 글

Flutter Fade Animation Example  (0) 2018.11.13
Flutter List Widget Ex04  (0) 2018.11.09
Flutter List Widget Ex02  (0) 2018.11.09
Flutter List widget Ex01  (0) 2018.11.09
Flutter(Dart) double dot(..)  (0) 2018.10.30