feat(search): 为TIMUIKitSearch组件增加无数据状态提示

This commit is contained in:
Zeew 2025-08-14 22:24:16 +08:00
parent 3ef5530a58
commit d843b0e5a6
2 changed files with 65 additions and 9 deletions

View File

@ -0,0 +1,51 @@
import 'package:flutter/material.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_statelesswidget.dart';
class TIMUIKitSearchEmpty extends TIMUIKitStatelessWidget {
final String? keyword;
TIMUIKitSearchEmpty({Key? key, this.keyword}) : super(key: key);
@override
Widget tuiBuild(BuildContext context, TUIKitBuildValue value) {
final theme = value.theme;
return Container(
padding: const EdgeInsets.symmetric(vertical: 60, horizontal: 40),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.inbox_outlined,
size: 64,
color: theme.weakTextColor?.withOpacity(0.5),
),
const SizedBox(height: 16),
Text(
keyword != null && keyword!.isNotEmpty
? "未找到与\"$keyword\"相关的内容"
: "暂无搜索结果",
style: TextStyle(
fontSize: 16,
color: theme.weakTextColor,
fontWeight: FontWeight.w500,
),
textAlign: TextAlign.center,
),
if (keyword == null || keyword!.isEmpty) ...[
const SizedBox(height: 8),
Text(
"请输入关键词进行搜索",
style: TextStyle(
fontSize: 14,
color: theme.weakTextColor?.withOpacity(0.7),
),
textAlign: TextAlign.center,
),
],
],
),
);
}
}

View File

@ -15,8 +15,9 @@ import 'package:tencent_cloud_chat_uikit/data_services/services_locatar.dart';
import 'package:tencent_cloud_chat_uikit/business_logic/view_models/tui_search_view_model.dart'; import 'package:tencent_cloud_chat_uikit/business_logic/view_models/tui_search_view_model.dart';
import 'package:tencent_cloud_chat_uikit/ui/utils/platform.dart'; import 'package:tencent_cloud_chat_uikit/ui/utils/platform.dart';
import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitSearch/pureUI/tim_uikit_search_indicator.dart'; import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitSearch/pureUI/tim_uikit_search_indicator.dart';
import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitSearch/tim_uikit_search_friend.dart'; import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitSearch/pureUI/tim_uikit_search_empty.dart';
import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitSearch/pureUI/tim_uikit_search_input.dart'; import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitSearch/pureUI/tim_uikit_search_input.dart';
import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitSearch/tim_uikit_search_friend.dart';
import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitSearch/tim_uikit_search_group.dart'; import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitSearch/tim_uikit_search_group.dart';
import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitSearch/tim_uikit_search_msg.dart'; import 'package:tencent_cloud_chat_uikit/ui/views/TIMUIKitSearch/tim_uikit_search_msg.dart';
import 'package:tencent_cloud_chat_uikit/tencent_cloud_chat_uikit.dart'; import 'package:tencent_cloud_chat_uikit/tencent_cloud_chat_uikit.dart';
@ -119,14 +120,18 @@ class TIMUIKitSearchState extends TIMUIKitState<TIMUIKitSearch> {
if ((friendResultList.isEmpty || !(searchTypes.contains(SearchType.contact))) && if ((friendResultList.isEmpty || !(searchTypes.contains(SearchType.contact))) &&
(groupList.isEmpty || !(searchTypes.contains(SearchType.group))) && (groupList.isEmpty || !(searchTypes.contains(SearchType.group))) &&
(totalMsgCount == 0 || !(searchTypes.contains(SearchType.history)))) (totalMsgCount == 0 || !(searchTypes.contains(SearchType.history))))
TIMUIKitSearchIndicator( textEditingController.text.isEmpty
typeList: searchTypes, ? TIMUIKitSearchIndicator(
onChange: (list) { typeList: searchTypes,
setState(() { onChange: (list) {
searchTypes = list; setState(() {
}); searchTypes = list;
}, });
), },
)
: TIMUIKitSearchEmpty(
keyword: textEditingController.text,
),
if (searchTypes.contains(SearchType.contact)) if (searchTypes.contains(SearchType.contact))
TIMUIKitSearchFriend( TIMUIKitSearchFriend(
onTapConversation: (conversation, message) { onTapConversation: (conversation, message) {