futzee/tencent_cloud_chat_uikit
1
0
Fork 0
Code Pull Requests Actions Releases Activity

init

Browse Source
This commit is contained in:
futzee
2025-06-30 16:24:20 +08:00
commit 68de5eb048
454 changed files with 56921 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/ui/views/TIMUIKitAddFriend/tim_uikit_add_friend.dart
+257
View File
@@ -0,0 +1,257 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:tencent_chat_i18n_tool/tencent_chat_i18n_tool.dart';
import 'package:tencent_cloud_chat_sdk/enum/friend_type_enum.dart';
import 'package:tencent_cloud_chat_sdk/models/v2_tim_user_full_info.dart'
if (dart.library.html) 'package:tencent_cloud_chat_sdk/web/compatible_models/v2_tim_user_full_info.dart';
import 'package:tencent_cloud_chat_uikit/data_services/core/tim_uikit_wide_modal_operation_key.dart';
import 'package:tencent_cloud_chat_uikit/ui/utils/screen_utils.dart';
import 'package:tencent_cloud_chat_uikit/ui/widgets/wide_popup.dart';
import 'package:tencent_cloud_chat_uikit/base_widgets/tim_ui_kit_base.dart';
import 'package:tencent_cloud_chat_uikit/base_widgets/tim_ui_kit_state.dart';
import 'package:tencent_cloud_chat_uikit/business_logic/life_cycle/add_friend_life_cycle.dart';
import 'package:tencent_cloud_chat_uikit/business_logic/view_models/tui_self_info_view_model.dart';
import 'package:tencent_cloud_chat_uikit/data_services/core/core_services_implements.dart';
import 'package:tencent_cloud_chat_uikit/data_services/friendShip/friendship_services.dart';
import 'package:tencent_cloud_chat_uikit/data_services/services_locatar.dart';
import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitAddFriend/tim_uikit_send_application.dart';
import 'package:tencent_cloud_chat_uikit/ui/widgets/avatar.dart';
import 'package:tencent_cloud_chat_uikit/theme/tui_theme.dart';
class TIMUIKitAddFriend extends StatefulWidget {
final bool? isShowDefaultGroup;
/// You may navigate to user profile page, if friendship relationship exists.
final Function(String userID) onTapAlreadyFriendsItem;
/// The life cycle hooks for adding friends and contact business logic
final AddFriendLifeCycle? lifeCycle;
/// The callback function to close the widget upon completion by the parent component.
final VoidCallback? closeFunc;
const TIMUIKitAddFriend(
{Key? key,
this.isShowDefaultGroup = false,
this.lifeCycle,
required this.onTapAlreadyFriendsItem,
this.closeFunc})
: super(key: key);
@override
State<StatefulWidget> createState() => _TIMUIKitAddFriendState();
}
class _TIMUIKitAddFriendState extends TIMUIKitState<TIMUIKitAddFriend> {
final TextEditingController _controller = TextEditingController();
final CoreServicesImpl _coreServicesImpl = serviceLocator<CoreServicesImpl>();
final FriendshipServices _friendshipServices = serviceLocator<FriendshipServices>();
final TUISelfInfoViewModel _selfInfoViewModel = serviceLocator<TUISelfInfoViewModel>();
final FocusNode _focusNode = FocusNode();
bool isFocused = false;
bool showResult = false;
List<V2TimUserFullInfo>? searchResult;
Widget _searchResultItemBuilder(V2TimUserFullInfo friendInfo, TUITheme theme) {
final isDesktopScreen = TUIKitScreenUtils.getFormFactor(context) == DeviceType.Desktop;
final faceUrl = friendInfo.faceUrl ?? "";
final userID = friendInfo.userID ?? "";
final String showName =
((friendInfo.nickName != null && friendInfo.nickName!.isNotEmpty) ? friendInfo.nickName : userID) ?? "";
return InkWell(
onTap: () async {
final checkFriend = await _friendshipServices
.checkFriend(userIDList: [userID], checkType: FriendTypeEnum.V2TIM_FRIEND_TYPE_SINGLE);
if (checkFriend != null) {
final res = checkFriend.first;
if (res.resultCode == 0 && res.resultType != 0) {
widget.onTapAlreadyFriendsItem(userID);
return;
}
}
if (userID == _selfInfoViewModel.loginInfo?.userID) {
widget.onTapAlreadyFriendsItem(userID);
return;
}
if (isDesktopScreen) {
if (widget.closeFunc != null) {
widget.closeFunc!();
}
TUIKitWidePopup.showPopupWindow(
operationKey: TUIKitWideModalOperationKey.addFriend,
context: context,
width: MediaQuery.of(context).size.width * 0.3,
height: MediaQuery.of(context).size.width * 0.4,
title: TIM_t("添加好友"),
child: (closeFuncSendApplication) => SendApplication(
lifeCycle: widget.lifeCycle,
isShowDefaultGroup: widget.isShowDefaultGroup ?? false,
friendInfo: friendInfo,
model: _selfInfoViewModel),
);
} else {
Navigator.pushReplacement(
context,
MaterialPageRoute(
builder: (context) => SendApplication(
lifeCycle: widget.lifeCycle,
isShowDefaultGroup: widget.isShowDefaultGroup ?? false,
friendInfo: friendInfo,
model: _selfInfoViewModel)));
}
},
child: Container(
padding: const EdgeInsets.symmetric(vertical: 12),
child: Row(
// crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
width: isDesktopScreen ? 38 : 48,
height: isDesktopScreen ? 38 : 48,
margin: const EdgeInsets.only(right: 16),
child: Avatar(faceUrl: faceUrl, showName: showName),
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
showName,
style: TextStyle(color: theme.darkTextColor, fontSize: isDesktopScreen ? 16 : 18),
),
const SizedBox(
height: 4,
),
Text(
"ID: $userID",
style: TextStyle(fontSize: 12, color: theme.weakTextColor),
)
],
),
],
),
),
);
}
List<Widget> _searchResultBuilder(List<V2TimUserFullInfo>? searchResult, TUITheme theme) {
final noResult = searchResult == null || searchResult.isEmpty;
if (noResult) {
return [
Container(
margin: const EdgeInsets.only(top: 20),
child: Center(
child: Text(TIM_t("该用户不存在"), style: TextStyle(color: theme.weakTextColor, fontSize: 14)),
),
)
];
}
return searchResult.map((e) => _searchResultItemBuilder(e, theme)).toList();
}
@override
void initState() {
super.initState();
_focusNode.addListener(() {
final _isFocused = _focusNode.hasFocus;
isFocused = _isFocused;
setState(() {});
});
}
@override
void dispose() {
super.dispose();
}
searchFriend(String params) async {
final response = await _coreServicesImpl.getUsersInfo(userIDList: [params]);
if (response.code == 0) {
setState(() {
searchResult = response.data;
});
} else {
setState(() {
searchResult = null;
});
}
}
@override
Widget tuiBuild(BuildContext context, TUIKitBuildValue value) {
final TUITheme theme = value.theme;
return MultiProvider(
providers: [
ChangeNotifierProvider.value(value: _selfInfoViewModel),
],
builder: (BuildContext context, Widget? w) {
return Column(
children: [
Padding(
padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 20),
child: Row(
children: [
Expanded(
child: TextField(
autofocus: true,
focusNode: _focusNode,
controller: _controller,
onChanged: (value) {
if (value.trim().isEmpty) {
setState(() {
showResult = false;
});
}
},
textInputAction: TextInputAction.search,
onSubmitted: (_) {
final searchParams = _controller.text;
if (searchParams.trim().isNotEmpty) {
searchFriend(searchParams);
showResult = true;
_focusNode.requestFocus();
setState(() {});
}
},
decoration: InputDecoration(
prefixIcon: Icon(
Icons.search_outlined,
color: theme.weakTextColor,
),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: const BorderSide(
width: 0,
style: BorderStyle.none,
),
),
contentPadding: EdgeInsets.zero,
hintStyle: TextStyle(
color: theme.weakTextColor,
),
fillColor: theme.inputFillColor,
filled: true,
hintText: TIM_t("搜索用户 ID")),
)),
],
),
),
if (showResult)
Expanded(
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: SingleChildScrollView(
child: Column(
children: _searchResultBuilder(searchResult, theme),
),
),
),
)
],
);
},
);
}
}
lib/ui/views/TIMUIKitAddFriend/tim_uikit_send_application.dart
+231
View File
@@ -0,0 +1,231 @@
import 'package:flutter/material.dart';
import 'package:tencent_chat_i18n_tool/tencent_chat_i18n_tool.dart';
import 'package:tencent_cloud_chat_sdk/enum/friend_type_enum.dart';
import 'package:tencent_cloud_chat_sdk/models/v2_tim_user_full_info.dart'
if (dart.library.html) 'package:tencent_cloud_chat_sdk/web/compatible_models/v2_tim_user_full_info.dart';
import 'package:tencent_cloud_chat_uikit/tencent_cloud_chat_uikit.dart';
import 'package:tencent_cloud_chat_uikit/ui/utils/screen_utils.dart';
import 'package:tencent_cloud_chat_uikit/base_widgets/tim_ui_kit_state.dart';
import 'package:tencent_cloud_chat_uikit/business_logic/life_cycle/add_friend_life_cycle.dart';
import 'package:tencent_cloud_chat_uikit/business_logic/view_models/tui_self_info_view_model.dart';
import 'package:tencent_cloud_chat_uikit/data_services/friendShip/friendship_services.dart';
import 'package:tencent_cloud_chat_uikit/data_services/services_locatar.dart';
import 'package:tencent_cloud_chat_uikit/ui/widgets/avatar.dart';
import 'package:tencent_cloud_chat_uikit/base_widgets/tim_ui_kit_base.dart';
import 'package:tencent_cloud_chat_uikit/theme/tui_theme.dart';
class SendApplication extends StatefulWidget {
final V2TimUserFullInfo friendInfo;
final TUISelfInfoViewModel model;
final bool? isShowDefaultGroup;
final AddFriendLifeCycle? lifeCycle;
const SendApplication(
{Key? key, this.lifeCycle, required this.friendInfo, required this.model, this.isShowDefaultGroup = false})
: super(key: key);
@override
State<StatefulWidget> createState() => _SendApplicationState();
}
class _SendApplicationState extends TIMUIKitState<SendApplication> {
final TextEditingController _verficationController = TextEditingController();
final TextEditingController _nickNameController = TextEditingController();
@override
void initState() {
super.initState();
final showName = widget.model.loginInfo?.nickName ?? widget.model.loginInfo?.userID;
_verficationController.text = "我是: $showName";
}
@override
Widget tuiBuild(BuildContext context, TUIKitBuildValue value) {
final TUITheme theme = value.theme;
final FriendshipServices _friendshipServices = serviceLocator<FriendshipServices>();
final faceUrl = widget.friendInfo.faceUrl ?? "";
final userID = widget.friendInfo.userID ?? "";
final String showName = ((widget.friendInfo.nickName != null && widget.friendInfo.nickName!.isNotEmpty)
? widget.friendInfo.nickName
: userID) ??
"";
final option2 = widget.friendInfo.selfSignature ?? "";
Widget sendApplicationBody() {
return SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
color: theme.white,
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
margin: const EdgeInsets.only(bottom: 12),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
width: 48,
height: 48,
margin: const EdgeInsets.only(right: 12),
child: Avatar(faceUrl: faceUrl, showName: showName),
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
showName,
style: TextStyle(color: theme.darkTextColor, fontSize: 18),
),
const SizedBox(
height: 4,
),
Text(
"ID: $userID",
style: TextStyle(fontSize: 13, color: theme.weakTextColor),
),
const SizedBox(
height: 4,
),
if (TencentUtils.checkString(option2) != null)
Text(
TIM_t_para("个性签名: {{option2}}", "个性签名: $option2")(option2: option2),
style: TextStyle(fontSize: 13, color: theme.weakTextColor),
),
],
)
],
),
),
Padding(
padding: const EdgeInsets.only(left: 16.0),
child: Text(
TIM_t("填写验证信息"),
style: TextStyle(fontSize: 16, color: theme.weakTextColor),
),
),
Container(
margin: const EdgeInsets.only(top: 6, bottom: 12),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
color: theme.white,
child: TextField(
// minLines: 1,
maxLines: 4,
controller: _verficationController,
keyboardType: TextInputType.multiline,
decoration: InputDecoration(
border: InputBorder.none,
hintStyle: TextStyle(color: theme.textgrey),
hintText: '',
),
),
),
Padding(
padding: const EdgeInsets.only(left: 16.0),
child: Text(
TIM_t("请填写备注"),
style: TextStyle(fontSize: 16, color: theme.weakTextColor),
),
),
Container(
color: theme.white,
padding: const EdgeInsets.symmetric(horizontal: 16),
margin: const EdgeInsets.only(top: 6),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
TIM_t("备注"),
style: TextStyle(color: theme.darkTextColor, fontSize: 16),
),
SizedBox(
width: 50,
child: TextField(
controller: _nickNameController,
decoration: InputDecoration(
contentPadding: EdgeInsets.zero,
border: InputBorder.none,
hintStyle: TextStyle(
color: theme.textgrey,
),
hintText: '',
),
),
)
],
),
),
const Divider(
height: 1,
),
if (widget.isShowDefaultGroup == true)
Container(
color: theme.white,
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
TIM_t("分组"),
style: TextStyle(color: theme.darkTextColor, fontSize: 16),
),
Text(
TIM_t("我的好友"),
style: TextStyle(color: theme.darkTextColor, fontSize: 16),
)
],
),
),
Container(
color: theme.white,
width: double.infinity,
margin: const EdgeInsets.only(top: 10),
child: TextButton(
onPressed: () async {
final remark = _nickNameController.text;
final addWording = _verficationController.text;
final friendGroup = TIM_t("我的好友");
if (widget.lifeCycle?.shouldAddFriend != null &&
await widget.lifeCycle!.shouldAddFriend(userID, remark, friendGroup, addWording, context) ==
false) {
return;
}
_friendshipServices.addFriend(
userID: userID,
addType: FriendTypeEnum.V2TIM_FRIEND_TYPE_BOTH,
remark: remark,
addWording: addWording,
friendGroup: friendGroup);
},
child: Text(TIM_t("发送"))),
)
],
),
);
}
return TUIKitScreenUtils.getDeviceWidget(
context: context,
desktopWidget: Container(
padding: const EdgeInsets.only(top: 10),
color: theme.weakBackgroundColor,
child: sendApplicationBody(),
),
defaultWidget: Scaffold(
appBar: AppBar(
title: Text(
TIM_t("添加好友"),
style: TextStyle(color: theme.appbarTextColor, fontSize: 17),
),
shadowColor: theme.white,
backgroundColor: theme.appbarBgColor ?? theme.primaryColor,
iconTheme: IconThemeData(
color: theme.appbarTextColor,
),
),
body: sendApplicationBody(),
));
}
}