Flutter 使用Listener在点击切换状态

通过使用Listener 在 StatefulWidget中实现点击切换状态,下面是实现效果

这个组件的代码如下：

class _LikeAndUnlikeState extends State<_LikeAndUnlike> {
  bool _likeFlag = false;
  num _styleId ;
  num _iconSize;
  Widget _icon;

  @override
  void initState() {
    super.initState();
    //从组件中初始化组件状态
    _likeFlag = widget._likeFlag;
    _styleId = widget._styleId;
    _iconSize = widget._iconSize;
    print('初始like按钮组件');
  }

  @override
  Widget build(BuildContext context) {
    String iconPath = 'assets/images/like.png';
    if ( this._likeFlag ) {
      iconPath = 'assets/images/like-se.png';
    }
    _icon = Image.asset(
      iconPath,
      height: _iconSize,
      width: _iconSize,
    );
    var listenerIcon = Listener(
      child: _icon,
      onPointerDown: (e)=>{
        _clickChange()
      },
    );
    return listenerIcon;
  }

  _clickChange(){
    //todo 发送http请求
    setState(() {
      _likeFlag = !_likeFlag;
    });
    print('点击了喜欢和不喜欢：'+_likeFlag.toString());
  }
}

打赏