短视频系统，不改变背景颜色的基础上更改边框和字体颜色实现的相关代码

代码如下:

 

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(),
    );
  }
}

​

以上就是短视频系统，不改变背景颜色的基础上更改边框和字体颜色实现的相关代码， 更多内容欢迎关注之后的文章