Program/Flutter

Flutter List Widget Ex02

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

# 참고

https://flutter.io/docs/cookbook/lists/horizontal-list


import 'package:flutter/material.dart';
 
class ListEx02 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ListEx02'),
      ),
      body: SafeArea(
        child: Container(
          margin: EdgeInsets.symmetric(vertical: 20.0),
          height: 200.0,
          child: ListView(
            // 스크롤이 좌우로 되게끔...
            scrollDirection: Axis.horizontal,
            children: <Widget>[
              Container(
                width: 160.0,
                color: Colors.red,
              ),
              Container(
                width: 160.0,
                color: Colors.blue,
              ),
              Container(
                width: 160.0,
                color: Colors.green,
              ),
              Container(
                width: 160.0,
                color: Colors.yellow,
              ),
              Container(
                width: 160.0,
                color: Colors.orange,
              ),
            ],
          ),
        ),
      ),
    );
  }
}
 
cs


728x90
반응형
LIST

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

Flutter List Widget Ex04  (0) 2018.11.09
Flutter List Widget Ex03  (0) 2018.11.09
Flutter List widget Ex01  (0) 2018.11.09
Flutter(Dart) double dot(..)  (0) 2018.10.30
Flutter에 firebase_admob 적용 시 주의사항  (0) 2018.10.29