flutter-go/lib/widgets/components/Chip/ChoiceChip/demo.dart

/// @Author: xiaojia.dxj
/// @Date: 2018-12-19 15:13:24
/// @Last Modified by: xiaojia.dxj
/// @Last Modified time: 2018-12-20 19:32:10

import 'package:flutter/material.dart';

class ChoiceChipDemo extends StatefulWidget {
  _ChoiceChipDemoState createState() => _ChoiceChipDemoState();
}

class _ChoiceChipDemoState extends State<ChoiceChipDemo> {
  String _selected = '';

  List<String> _sub = <String>['java', 'web', 'android'];

  Iterable<Widget> get actorWidgets sync* {
    for (String choiceSub in _sub) {
      yield Padding(
          padding: EdgeInsets.all(15.0),
          child: ChoiceChip(
            // avatar: Icon(Icons.access_alarm,size: 20.0,color: Colors.white,),
            //未选定的时候背景
            backgroundColor: Colors.red,
            //被禁用得时候背景
            disabledColor: Colors.blue,
            label: Text(choiceSub),
            labelStyle: TextStyle(fontWeight: FontWeight.w200, fontSize: 15.0),
            labelPadding: EdgeInsets.only(left: 20.0, right: 20.0),

            materialTapTargetSize: MaterialTapTargetSize.padded,
            onSelected: (bool value) {
              setState(() {
                _selected = value ? choiceSub : 'Colors.red';
              });
            },
            selected: _selected == choiceSub,
          ));
    }
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Wrap(
          children: actorWidgets.toList(),
        ),
      ],
    );
  }
}