[Flutter] 플러터 기초 (6) - 리스트뷰 위젯(ListView Widget) 예제.

 

 

[Flutter] 플러터 기초 (6) - 리스트뷰 위젯(ListView Widget) 예제.

 

 

Flutter 플러터 기초 (6) - 리스트뷰 위젯(ListView Widget) 예제.

 

 

이모티콘・01・고양이 마멋 친구들 - Google Play 앱

 

 

안녕하세요 정보처리마법사 입니다.

 

이번 포스팅의 주제는 리스트뷰 위젯에 관한 내용입니다.

 

 

 

 

 

 

 

 

 

 

import 'package:flutter/material.dart';
 
class Product {
  final String name;
 
  const Product({this.name});
}
 
typedef void CartChangedCallback(Product product, bool inCart);
 
class ShoppingListItem extends StatelessWidget {
  final Product product;
  final bool inCart;
  final CartChangedCallback onCartChanged;
 
  ShoppingListItem({Product product, this.inCart, this.onCartChanged})
      : product = product,
        super(key: ObjectKey(product));
 
  Color _getColor(BuildContext context) {
    return inCart ? Colors.black54 : Theme.of(context).primaryColor;
  }
 
  TextStyle _getTextStyle(BuildContext context) {
    if (!inCart) return null;
 
    return TextStyle(
      color: Colors.black54,
      decoration: TextDecoration.lineThrough,
    );
  }
 
  @override
  Widget build(BuildContext context) {
    return ListTile(
      onTap: () {
        onCartChanged(product, inCart);
      },
      leading: CircleAvatar(
        backgroundColor: _getColor(context),
        child: Text(product.name[0]),
      ),
      title: Text(product.name, style: _getTextStyle(context)),
    );
  }
}
 
class ShoppingList extends StatefulWidget {
  final List<Product> products;
 
  const ShoppingList({Key key, this.products}) : super(key: key);
 
  @override
  _ShoppingListState createState() => _ShoppingListState();
}
 
class _ShoppingListState extends State<ShoppingList> {
  Set<Product> _shoppingCart = Set<Product>();
 
  void _handleCartChanged(Product product, bool inCart) {
    setState(() {
      if (!inCart)
        _shoppingCart.add(product);
      else
        _shoppingCart.remove(product);
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Shopping List'),
      ),
      body: ListView(
        padding: EdgeInsets.symmetric(vertical: 8.0),
        children: widget.products.map((Product product) {
          return ShoppingListItem(
            product: product,
            inCart: _shoppingCart.contains(product),
            onCartChanged: _handleCartChanged,
          );
        }).toList(),
      ),
    );
  }
}
 
void main() {
  runApp(MaterialApp(
    title: 'Shopping App',
    home: ShoppingList(
      products: <Product>[
        Product(name: 'candy01'),
        Product(name: 'candy02'),
        Product(name: 'candy03'),
        Product(name: 'candy04'),
        Product(name: 'candy05'),
        Product(name: 'candy06'),
        Product(name: 'candy07'),
        Product(name: 'candy08'),
        Product(name: 'candy09'),
        Product(name: 'candy10'),
        Product(name: 'candy11'),
        Product(name: 'candy12'),
        Product(name: 'candy13'),
        Product(name: 'candy14'),
        Product(name: 'candy15'),
      ],
    ),
  ));
}
 

Ctrl + C ,   Ctrl + V 

 

 

 

 

 

 

 

 

이상으로 포스팅을 마칩니다. 감사합니다.

 

 

 

 

잘 못 된 정보가 있으면 말씀해주세요.

공감버튼 클릭은 작성자에게 큰 힘이 됩니다.  행복한 하루 되세요.

 

“파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"