热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

FlutterIM极光

Flutter极光IMFlutter极光IM配置UIFlutter极光IM由于公司业务需要,需要增加一个聊天功能,关于Flutter这块,


Flutter 极光IM

  • Flutter 极光IM
    • 配置
    • UI


Flutter 极光IM

由于公司业务需要,需要增加一个聊天功能,关于Flutter 这块,开源的插件有,融云,腾讯IM,极光IM。我看了一下,由于后期会用到推送,就直接采用了极光IM。文章分三章实现。

配置

首先需要注册一个极光的账号。

初始化

1:加入插件
jmessage_flutter: 0.6.3

2:创建一个类,Jessage.dart

MethodChannel channel = MethodChannel('jmessage_flutter');/// 极光 IM 初始化
JmessageFlutter JMessage = new JmessageFlutter.private(channel, const LocalPlatform());class JMessageUtil{Future init() async {JMessage.init(isOpenMessageRoaming: true, appkey: AppConfig.AppKEY);JMessage.setDebugMode(enable: true);}
}

3:在main里面初始化init();

await JMessageUtil().init();

4:如果你有自己的注册登录,需要加入注册登录代码。这里我已经注册过,那我在登录的地方加入登录代码,注意,这里账号必须在极光后台有账号信息,否则无法使用。

在这里插入图片描述

await JMessage.login(username: _username, password: _password);

接下来就开始开发配套UI跟功能


UI

1:聊天界面

在这里插入图片描述
2:表情包
在这里插入图片描述


推荐阅读
author-avatar
艾灸养生加盟
艾灸加盟热线:037761297867 15638966697(王经理) 18237761726(周经理)
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有