email_jade
Hirabbit_jaden
采纳率50%
2019-03-20 19:44

flutter中使用socket导致UI卡顿?

已采纳
  1. 在flutter使用tcp请求服务器的时候,在listen中对tcp流进行解析,解析过程包含拆包和拼包,正常情况下都没有问题,但是当服务器推送的流过快的时候,导致UI卡死,有人有好的建议吗?
  2. 代码如下: Future<Socket> _connect(String ip, int port) async{ if(!isConnect()) { try { _socket = await Socket.connect(ip, port, timeout: Duration(seconds: 20),); _socket.listen(_onData, onError: _onError, onDone: _onDone); }catch(e){ if(e is SocketException){ _onTimeout(); }else{ print("error : $e"); } } } return _socket; } _onData中是一些拼包拆包的业务逻辑,当tcp流包含多个业务报文的时候,onData中会循环拆分包直至拆分完成,每个包都会回调到具体的业务逻辑。。现在问题是,如果服务器发送的是base64图片的话,系统就会卡死,请问 下这个问题怎么解决?
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

3条回答

  • email_jade Hirabbit_jaden 2年前

    问题解决了,我发现在release模式下才会卡顿,在debug模式下不会卡顿。
    因为服务器那边会通过tcp一直推送图片,然后每个tcp报文在release模式下大概为1800000个长度的List,而debug模式下每个报文为500000的List长度,图片大概是150000的长度,因此,每次要对报文进行拆包操作
    ,用到List.sbulist和addall这两个api,如果报文太大的话,这两个会耗时较长,导致下一个包没有及时收取,会导致卡顿。。
    我的解法是,对每个数据list进行拆分处理,拆分成static const int SOCKET_LENGTH = 1024 * 256这么长的小段,然后对小段进行拆包拼包处理。
    总结就是sublist 和 addall在list长度较长的时候效率极低,我的优化是不直接处理原始包,先把原始包拆分为中包,然后在依次拼接这些中包来读取图片数据。

    点赞 评论 复制链接分享
  • u010967654 RangeOfBQ 2年前

    肯定是你的代码问题,至少自己写的代码没有for循环,也没有用到你说的两个函数,详见Uint8List

    点赞 评论 复制链接分享
  • weixin_42538251 W.Y.S. 2年前

    没有遇到你说的问题,你的代码写的有问题吧?

    点赞 评论 复制链接分享

相关推荐