mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-05-22 23:36:36 +08:00
63 lines
1.5 KiB
Dart
63 lines
1.5 KiB
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(),
|
|
),
|
|
],
|
|
);
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|