短視訊系統，不改變背景顏色的基礎上更改邊框和字型顏色

短視訊系統，不改變背景顏色的基礎上更改邊框和字型顏色實現的相關程式碼

程式碼如下:

class MyBody extends StatefulWidget {
  @override
  _MyBodyState createState() => _MyBodyState();
}
 
class _MyBodyState extends State<MyBody> {
  List<String> _tags = ['距離優先', '價格優先'];
  String _choice = '距離優先';
 
  @override
  Widget build(BuildContext context) {
    return Wrap(
      spacing: 8,
      children: _tags.map((tag) {
        return ChoiceChip(
          label: Text(tag),
          selected: _choice == tag,
          //選中
          backgroundColor: _choice == tag ? Colors.transparent : Colors.white,
          //背景顏色
          selectedColor: Colors.transparent,
          //選中時候的顏色
          shape: StadiumBorder(
            //邊框
            side: BorderSide(
                width: 1,
                color: _choice == tag ? Color(0xff44c5fe) : Colors.grey,
                style: BorderStyle.solid),
          ),
          onSelected: (isSelected) {
            setState(() {
              _choice = tag;
              debugPrint('$_choice');
            });
          },
        );
      }).toList(),
    );
  }
}

以上就是短視訊系統，不改變背景顏色的基礎上更改邊框和字型顏色實現的相關程式碼， 更多內容歡迎關注之後的文章