|
|
import 'package:bytedesk_kefu/bytedesk_kefu.dart';
|
|
|
import 'package:bytedesk_kefu/util/bytedesk_constants.dart';
|
|
|
import 'package:flutter/material.dart';
|
|
|
import 'package:fluttertoast/fluttertoast.dart';
|
|
|
|
|
|
// 需要首先调用anonymousLogin之后,再调用此接口
|
|
|
// 自定义用户信息接口-对接APP用户信息
|
|
|
class UserInfoPage extends StatefulWidget {
|
|
|
UserInfoPage({Key? key}) : super(key: key);
|
|
|
|
|
|
@override
|
|
|
_UserInfoPageState createState() => _UserInfoPageState();
|
|
|
}
|
|
|
|
|
|
class _UserInfoPageState extends State<UserInfoPage> {
|
|
|
String _uid = ''; // 用户唯一uid
|
|
|
String _username = ''; // 用户唯一用户名
|
|
|
String _nickname = ''; // 用户昵称
|
|
|
String _avatar = BytedeskConstants.DEFAULT_AVATA; // 用户头像
|
|
|
String _description = ''; // 用户备注
|
|
|
@override
|
|
|
void initState() {
|
|
|
_getProfile();
|
|
|
super.initState();
|
|
|
}
|
|
|
|
|
|
@override
|
|
|
Widget build(BuildContext context) {
|
|
|
return Scaffold(
|
|
|
appBar: AppBar(
|
|
|
title: Text('用户信息'),
|
|
|
elevation: 0,
|
|
|
),
|
|
|
body: ListView(
|
|
|
children: ListTile.divideTiles(
|
|
|
context: context,
|
|
|
tiles: [
|
|
|
ListTile(
|
|
|
title: Text('唯一uid'),
|
|
|
subtitle: Text(_uid),
|
|
|
),
|
|
|
ListTile(
|
|
|
title: Text('用户名'),
|
|
|
subtitle: Text(_username),
|
|
|
),
|
|
|
ListTile(
|
|
|
title: Text('设置昵称(见代码)'),
|
|
|
subtitle: Text(_nickname),
|
|
|
onTap: () {
|
|
|
//
|
|
|
_setNickname();
|
|
|
},
|
|
|
),
|
|
|
ListTile(
|
|
|
leading: Image.network(
|
|
|
_avatar,
|
|
|
height: 30,
|
|
|
width: 30,
|
|
|
),
|
|
|
title: Text('设置头像(见代码)'),
|
|
|
onTap: () {
|
|
|
//
|
|
|
_setAvatar();
|
|
|
},
|
|
|
),
|
|
|
ListTile(
|
|
|
title: Text('设置备注(见代码)'),
|
|
|
subtitle: Text(_description),
|
|
|
onTap: () {
|
|
|
//
|
|
|
_setDescription();
|
|
|
},
|
|
|
),
|
|
|
],
|
|
|
).toList()),
|
|
|
);
|
|
|
}
|
|
|
|
|
|
void _getProfile() {
|
|
|
// 查询当前用户信息:昵称、头像
|
|
|
BytedeskKefu.getProfile().then((user) => {
|
|
|
setState(() {
|
|
|
_uid = user.uid!;
|
|
|
_username = user.username!;
|
|
|
_nickname = user.nickname!;
|
|
|
_avatar = user.avatar!;
|
|
|
_description = user.description!;
|
|
|
})
|
|
|
});
|
|
|
}
|
|
|
|
|
|
void _setNickname() {
|
|
|
// 可自定义用户昵称-客服端可见
|
|
|
String mynickname = '自定义APP昵称flutter';
|
|
|
BytedeskKefu.updateNickname(mynickname).then((user) => {
|
|
|
setState(() {
|
|
|
_nickname = mynickname;
|
|
|
}),
|
|
|
Fluttertoast.showToast(msg: "设置昵称成功")
|
|
|
});
|
|
|
}
|
|
|
|
|
|
void _setAvatar() {
|
|
|
// 可自定义用户头像url-客服端可见,注意:是头像网址,非本地图片路径
|
|
|
String myavatarurl = 'https://bytedesk.oss-cn-shenzhen.aliyuncs.com/avatars/girl.png'; // 头像网址url
|
|
|
BytedeskKefu.updateAvatar(myavatarurl).then((user) => {
|
|
|
setState(() {
|
|
|
_avatar = myavatarurl;
|
|
|
}),
|
|
|
Fluttertoast.showToast(msg: "设置头像成功")
|
|
|
});
|
|
|
}
|
|
|
|
|
|
void _setDescription() {
|
|
|
// 可自定义用户昵称-客服端可见
|
|
|
String description = '自定义用户备注';
|
|
|
BytedeskKefu.updateDescription(description).then((user) => {
|
|
|
setState(() {
|
|
|
_description = description;
|
|
|
}),
|
|
|
Fluttertoast.showToast(msg: "设置备注成功")
|
|
|
});
|
|
|
}
|
|
|
|
|
|
// 一次调用接口,同时设置:昵称、头像、备注
|
|
|
void _updateProfile() {
|
|
|
//
|
|
|
String mynickname = '自定义APP昵称flutter';
|
|
|
String myavatarurl = 'https://bytedesk.oss-cn-shenzhen.aliyuncs.com/avatars/girl.png'; // 头像网址url
|
|
|
String mydescription = '自定义用户备注';
|
|
|
BytedeskKefu.updateProfile(mynickname, myavatarurl, mydescription).then((user) => {
|
|
|
setState(() {
|
|
|
_nickname = mynickname;
|
|
|
_avatar = myavatarurl;
|
|
|
_description = mydescription;
|
|
|
}),
|
|
|
Fluttertoast.showToast(msg: "设置成功")
|
|
|
});
|
|
|
}
|
|
|
}
|