这篇文章主要介绍“AndroidFlutter基于WebSocket怎么实现即时通讯功能”，在日常操作中，相信很多人在AndroidFlutter基于WebSocket怎么实现即时通讯功能问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”AndroidFlutter基于WebSocket怎么实现即时通讯功能”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！我们在聊天前，需要选择对应的联系人进行单聊，因此需要构建一个联系人列表免费云主机域名。这里我们使用简单的 ListView.builder+Mock 数据构建联系人列表。界面如下所示，其中关键的就是点击联系人时将联系人的 id通过路由传递过去，以便发送消息时通过用户 id指定接收用户。我们将发送的消息放在右边，将接收到的消息放在左边，居左还是居右通过Container的margin来实现。至于区分，通过消息对象的fromUserId来区分，如果fromUserId和当前用户id一致，则是发送出去的消息，否则就是接收到的消息。在这里我们因为还没有用户体系，先将当前的用户id写死。为了实现模拟器之间的聊天，我们一个模拟器设置为user1，一个设置为user2。界面也是使用ListView.builder(万能不？)构建。聊天界面的一个特点是会接收StreamProvider推送的最新的消息，为了统一，我们将接收消息和发送消息都通过StreamProvider推送更新界面。这样不管是接收消息还是发送消息都会通过StreamProvider重新构建聊天界面。那问题来了，聊天列表数据如何刷新呢？消息界面需要接收StreamProvider的消息流，还需要使用消息列表数据，这里我们使用了MultiProvider。其中消息发送框和聊天界面共用ChatMessageModel（仅为演示，实际可以拆分开）。其中ChatMessageModel即消息列表状态数据，里面只有一个消息对象数组和一个添加消息方法，以及一个content属性是给消息回复框使用的。这里就有一个问题，StreamProvider推送StreamSocket过来的消息的时候，ChatMessageModel其实是不知道的。如果要知道，一个办法就是在StreamSocket引用ChatMessageModel对象，然后调用其addMessage方法添加消息。但是这样会增加两个类的耦合。还有一种方式是取巧的方式了，那就是StreamdDemo的build方法能够获取到StreamSocket推送的最新消息，在这里读取到最新的消息后就可以添加到消息列表了。由于前面我们发送消息和接收消息都将消息加入到了消息流中，这样处理方式就统一了。这种方式需要注意，Provider不允许在组件的build方法中再次调用类似notifyListeners的方法通知该组件刷新，因此在ChatMessageModel的addMessage方法里不可以使用notifyListeners来通知组件刷新，否则会出现同一组件刷新冲突。实际上，因为另一个Provider已经通知该组件刷新了，因此也没必要再通知了。当然，这仅仅是一种取巧方法，假设这个addMessage方法还需要通知其他组件刷新，那这种形式就就不可取了。这里我们先不考虑这种情况，StreamDemo的build关于这部分的处理方法如下，这里对于吧ChatMessageModel也就不需要使用watch方法了，完全依赖于StreamProvider的流推送来更新组件。每次发送消息或接收消息后，构建时在返回组件树前就更新了消息列表数据了，因此也能保证数据是最新的。其实，相当于我们投机取巧实现了两个Provider之间的数据交互。来看一下运行效果，模拟器的好处就是可以开多个调试。效果是实现了，不过实际即时聊天比这个复杂很多，而且一般也不会用Socket，但是如果 App 内部要实现应用打开后的即时消息推送，WebSocket是一个不错的选择。源码已经提交，后端和Flutter 代码分布如下：Flutter Provider 部分代码（null safety 版本）后端代码（Express 版本）到此，关于“AndroidFlutter基于WebSocket怎么实现即时通讯功能”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注百云主机网站，小编会继续努力为大家带来更多实用的文章！
本文小编为大家详细介绍“php中怎么将特殊字符转换为单引号”，内容详细，步骤清晰，细节处理妥当，希望这篇“php中怎么将特殊字符转换为单引号”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。 首先，需要了解 PHP 中的特殊字符。PHP…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
