王子贤
3 months ago
15 changed files with 1144 additions and 20 deletions
Split View
Diff Options
-
BINassets/images/comment_icon.png
-
BINassets/images/img.png
-
BINassets/images/like_icon.png
-
BINassets/images/publish.png
-
21lib/controller/home/home_controller.dart
-
107lib/controller/home/send_timeline_controller.dart
-
7lib/generated/assets.dart
-
156lib/pages/home/all_timeline.dart
-
16lib/pages/home/home_page.dart
-
92lib/pages/home/recommend_window.dart
-
263lib/pages/home/send_timeline.dart
-
212lib/pages/home/timeline_info.dart
-
119lib/pages/home/timeline_item.dart
-
111lib/pages/home/timeline_window.dart
-
60lib/pages/main/main_page.dart
| Before | After |
|---|---|
|
|
| Width: 62 | Height: 62 | Size: 1000 B |
| Before | After |
|---|---|
|
|
| Width: 80 | Height: 70 | Size: 1.1 KiB |
| Before | After |
|---|---|
|
|
| Width: 55 | Height: 50 | Size: 824 B |
| Before | After |
|---|---|
|
|
| Width: 238 | Height: 238 | Size: 12 KiB |
@ -0,0 +1,107 @@ |
|||
import 'package:dating_touchme_app/config/emoji_config.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
|
|||
class SendTimelineController extends GetxController { |
|||
final title = "".obs; |
|||
final message = ''.obs; |
|||
final TextEditingController messageController = TextEditingController(); |
|||
|
|||
final focusNode = FocusNode().obs; |
|||
|
|||
final isEmojiVisible = false.obs; |
|||
|
|||
@override |
|||
void onInit() { |
|||
super.onInit(); |
|||
focusNode.value.addListener(() { |
|||
if (focusNode.value.hasFocus) { |
|||
// 输入框获得焦点（键盘弹起），关闭所有控制面板 |
|||
isEmojiVisible.value = false; |
|||
} |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
void onClose() { |
|||
super.onClose(); |
|||
focusNode.value.dispose(); |
|||
} |
|||
|
|||
|
|||
void toggleEmojiPanel() { |
|||
isEmojiVisible.value = !isEmojiVisible.value; |
|||
FocusManager.instance.primaryFocus?.unfocus(); |
|||
} |
|||
|
|||
void handleEmojiSelected(EmojiItem emoji) { |
|||
// 将表情添加到输入框 |
|||
final currentText = messageController.text; |
|||
final emojiText = '[emoji:${emoji.id}]'; |
|||
messageController.text = currentText + emojiText; |
|||
// 将光标移到末尾 |
|||
messageController.selection = TextSelection.fromPosition( |
|||
TextPosition(offset: messageController.text.length), |
|||
); |
|||
} |
|||
|
|||
|
|||
/// 构建输入框内容（文本+表情） |
|||
List<Widget> buildInputContentWidgets() { |
|||
final List<Widget> widgets = []; |
|||
final text = messageController.value.text; |
|||
final RegExp emojiRegex = RegExp(r'\[emoji:(\d+)\]'); |
|||
|
|||
int lastMatchEnd = 0; |
|||
final matches = emojiRegex.allMatches(text); |
|||
|
|||
for (final match in matches) { |
|||
// 添加表情之前的文本 |
|||
if (match.start > lastMatchEnd) { |
|||
final textPart = text.substring(lastMatchEnd, match.start); |
|||
widgets.add( |
|||
Text( |
|||
textPart, |
|||
style: TextStyle(fontSize: 14.sp, color: Colors.black), |
|||
), |
|||
); |
|||
} |
|||
|
|||
// 添加表情图片 |
|||
final emojiId = match.group(1); |
|||
if (emojiId != null) { |
|||
final emoji = EmojiConfig.getEmojiById(emojiId); |
|||
if (emoji != null) { |
|||
widgets.add( |
|||
Padding( |
|||
padding: EdgeInsets.symmetric(horizontal: 2.w), |
|||
child: Image.asset( |
|||
emoji.path, |
|||
width: 24.w, |
|||
height: 24.w, |
|||
fit: BoxFit.contain, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
lastMatchEnd = match.end; |
|||
} |
|||
|
|||
// 添加剩余的文本 |
|||
if (lastMatchEnd < text.length) { |
|||
final textPart = text.substring(lastMatchEnd); |
|||
widgets.add( |
|||
Text( |
|||
textPart, |
|||
style: TextStyle(fontSize: 14.sp, color: Colors.black), |
|||
), |
|||
); |
|||
} |
|||
|
|||
return widgets; |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,156 @@ |
|||
import 'package:dating_touchme_app/pages/home/timeline_item.dart'; |
|||
import 'package:easy_refresh/easy_refresh.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:get/get.dart'; |
|||
import 'package:dating_touchme_app/controller/home/home_controller.dart'; |
|||
import 'package:dating_touchme_app/pages/home/content_card.dart'; |
|||
|
|||
/// 推荐列表 Tab |
|||
class AllTimeline extends StatefulWidget { |
|||
const AllTimeline({super.key}); |
|||
|
|||
@override |
|||
State<AllTimeline> createState() => _AllTimelineState(); |
|||
} |
|||
|
|||
class _AllTimelineState extends State<AllTimeline> |
|||
with AutomaticKeepAliveClientMixin { |
|||
final HomeController controller = Get.find<HomeController>(); |
|||
late final EasyRefreshController _refreshController; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_refreshController = EasyRefreshController(controlFinishRefresh: true, controlFinishLoad: true); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
_refreshController.dispose(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
super.build(context); |
|||
// 获取底部安全区域高度和 tabbar 高度（约64） |
|||
final bottomPadding = MediaQuery.of(context).padding.bottom; |
|||
final tabBarHeight = 64.0; |
|||
final totalBottomPadding = bottomPadding + tabBarHeight; |
|||
return Obx(() { |
|||
if (controller.recommendIsLoading.value && controller.recommendFeed.isEmpty) { |
|||
return Center( |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
CircularProgressIndicator(), |
|||
SizedBox(height: 16), |
|||
Text('加载数据中...'), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
return EasyRefresh( |
|||
controller: _refreshController, |
|||
header: const ClassicHeader( |
|||
dragText: '下拉刷新', |
|||
armedText: '释放刷新', |
|||
readyText: '刷新中...', |
|||
processingText: '刷新中...', |
|||
processedText: '刷新完成', |
|||
failedText: '刷新失败', |
|||
noMoreText: '没有更多数据', |
|||
showMessage: false |
|||
), |
|||
footer: ClassicFooter( |
|||
dragText: '上拉加载', |
|||
armedText: '释放加载', |
|||
readyText: '加载中...', |
|||
processingText: '加载中...', |
|||
processedText: '加载完成', |
|||
failedText: '加载失败', |
|||
noMoreText: '没有更多数据', |
|||
showMessage: false |
|||
), |
|||
// 下拉刷新 |
|||
onRefresh: () async { |
|||
print('推荐列表下拉刷新被触发'); |
|||
try { |
|||
await controller.refreshRecommendData(); |
|||
print( '推荐列表刷新完成, hasMore: $controller.recommendHasMore.value'); |
|||
_refreshController.finishRefresh(); |
|||
_refreshController.resetFooter(); |
|||
} catch (e) { |
|||
print('推荐列表刷新失败: $e'); |
|||
_refreshController.finishRefresh(IndicatorResult.fail); |
|||
} |
|||
}, |
|||
// 上拉加载更多 |
|||
onLoad: () async { |
|||
print('推荐列表上拉加载被触发, hasMore: $controller.recommendHasMore.value'); |
|||
try { |
|||
await controller.loadRecommendMoreData(); |
|||
// 完成加载，根据是否有更多数据决定 |
|||
if (controller.recommendHasMore.value) { |
|||
_refreshController.finishLoad(IndicatorResult.success); |
|||
print('推荐列表加载更多成功'); |
|||
} else { |
|||
_refreshController.finishLoad(IndicatorResult.noMore); |
|||
print('推荐列表没有更多数据了'); |
|||
} |
|||
} catch (e) { |
|||
print('推荐列表加载更多失败: $e'); |
|||
_refreshController.finishLoad(IndicatorResult.fail); |
|||
} |
|||
}, |
|||
child: ListView.separated( |
|||
// 关键：始终允许滚动，即使内容不足 |
|||
// 移除顶部 padding，让刷新指示器可以正确显示在 AppBar 下方 |
|||
padding: EdgeInsets.only(left: 12, right: 12), |
|||
itemBuilder: (context, index) { |
|||
// 空数据状态 |
|||
if (controller.recommendFeed.isEmpty && index == 0) { |
|||
// 使用足够的高度确保可以滚动 |
|||
if (controller.recommendIsLoading.value) { |
|||
return Center( |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
CircularProgressIndicator(), |
|||
SizedBox(height: 16), |
|||
Text('加载数据中...'), |
|||
], |
|||
), |
|||
); |
|||
} else { |
|||
return Center( |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Text('暂无数据'), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
// 数据项 |
|||
// final item = controller.recommendFeed[index]; |
|||
return TimelineItem(); |
|||
}, |
|||
separatorBuilder: (context, index) { |
|||
// 空状态或加载状态时不显示分隔符 |
|||
if (controller.recommendFeed.isEmpty) { |
|||
return const SizedBox.shrink(); |
|||
} |
|||
return const SizedBox(height: 12); |
|||
}, |
|||
// 至少显示一个 item（用于显示加载或空状态） |
|||
itemCount: 10, |
|||
) |
|||
); |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
bool get wantKeepAlive => true; |
|||
} |
|||
@ -0,0 +1,92 @@ |
|||
import 'package:dating_touchme_app/controller/home/home_controller.dart'; |
|||
import 'package:dating_touchme_app/pages/home/nearby_tab.dart'; |
|||
import 'package:dating_touchme_app/pages/home/recommend_tab.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:get/get.dart'; |
|||
import 'package:tdesign_flutter/tdesign_flutter.dart'; |
|||
|
|||
class RecommendWindow extends StatefulWidget { |
|||
const RecommendWindow({super.key}); |
|||
|
|||
@override |
|||
State<RecommendWindow> createState() => _RecommendWindowState(); |
|||
} |
|||
|
|||
class _RecommendWindowState extends State<RecommendWindow> with AutomaticKeepAliveClientMixin, SingleTickerProviderStateMixin { |
|||
|
|||
|
|||
late TabController tabController; |
|||
final HomeController controller = Get.find<HomeController>(); |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
|
|||
tabController = TabController(length: 2, vsync: this); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
super.build(context); |
|||
return Column( |
|||
children: [ |
|||
TDTabBar( |
|||
tabs: [ |
|||
TDTab( |
|||
child: Padding( |
|||
padding: EdgeInsets.only(right: 16, left: 16), |
|||
child: Text('推荐'), |
|||
), |
|||
), |
|||
TDTab( |
|||
child: Padding( |
|||
padding: EdgeInsets.only(right: 16, left: 16), |
|||
child: Text('同城'), |
|||
), |
|||
), |
|||
], |
|||
backgroundColor: Colors.transparent, |
|||
labelPadding: const EdgeInsets.only(right: 4, top: 10, bottom: 10, left: 4), |
|||
selectedBgColor: const Color.fromRGBO(108, 105, 244, 1), |
|||
unSelectedBgColor: Colors.transparent, |
|||
labelColor: Colors.white, |
|||
dividerHeight: 0, |
|||
tabAlignment: TabAlignment.start, |
|||
outlineType: TDTabBarOutlineType.capsule, |
|||
controller: tabController, |
|||
showIndicator: false, |
|||
isScrollable: true, |
|||
onTap: (index) async { |
|||
print('相亲页面 Tab: $index'); |
|||
if (controller.selectedTabIndex.value != index) { |
|||
controller.setSelectedTabIndex(index); |
|||
// 确保状态更新后刷新UI |
|||
controller.update(); |
|||
} |
|||
}, |
|||
), |
|||
|
|||
Expanded( |
|||
child: Obx(() { |
|||
// 使用 IndexedStack 保持两个列表的状态，根据当前选中的标签显示对应的列表 |
|||
return IndexedStack( |
|||
index: controller.selectedTabIndex.value, |
|||
children: const [ |
|||
// 推荐列表 |
|||
RecommendTab(), |
|||
// 同城列表 |
|||
NearbyTab(), |
|||
], |
|||
); |
|||
}), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
|
|||
|
|||
@override |
|||
bool get wantKeepAlive => true; |
|||
} |
|||
|
|||
|
|||
@ -0,0 +1,263 @@ |
|||
import 'package:dating_touchme_app/components/page_appbar.dart'; |
|||
import 'package:dating_touchme_app/config/emoji_config.dart'; |
|||
import 'package:dating_touchme_app/controller/home/send_timeline_controller.dart'; |
|||
import 'package:dating_touchme_app/extension/ex_widget.dart'; |
|||
import 'package:dating_touchme_app/generated/assets.dart'; |
|||
import 'package:dating_touchme_app/widget/emoji_panel.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
|
|||
class SendTimeline extends StatefulWidget { |
|||
const SendTimeline({super.key}); |
|||
|
|||
@override |
|||
State<SendTimeline> createState() => _SendTimelineState(); |
|||
} |
|||
|
|||
class _SendTimelineState extends State<SendTimeline> { |
|||
|
|||
String title = ""; |
|||
String message = ''; |
|||
final TextEditingController messageController = TextEditingController(); |
|||
|
|||
final FocusNode focusNode = FocusNode(); |
|||
|
|||
bool isEmojiVisible = false; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
focusNode.addListener(() { |
|||
if (focusNode.hasFocus) { |
|||
// 输入框获得焦点（键盘弹起），关闭所有控制面板 |
|||
isEmojiVisible = false; |
|||
setState(() { |
|||
|
|||
}); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
super.dispose(); |
|||
focusNode.dispose(); |
|||
} |
|||
|
|||
|
|||
|
|||
void toggleEmojiPanel() { |
|||
isEmojiVisible = !isEmojiVisible; |
|||
FocusManager.instance.primaryFocus?.unfocus(); |
|||
setState(() { |
|||
|
|||
}); |
|||
} |
|||
|
|||
void handleEmojiSelected(EmojiItem emoji) { |
|||
// 将表情添加到输入框 |
|||
final currentText = messageController.text; |
|||
final emojiText = '[emoji:${emoji.id}]'; |
|||
messageController.text = currentText + emojiText; |
|||
// 将光标移到末尾 |
|||
messageController.selection = TextSelection.fromPosition( |
|||
TextPosition(offset: messageController.text.length), |
|||
); |
|||
setState(() {}); // 刷新显示 |
|||
} |
|||
|
|||
|
|||
/// 构建输入框内容（文本+表情） |
|||
List<Widget> buildInputContentWidgets() { |
|||
final List<Widget> widgets = []; |
|||
final text = messageController.value.text; |
|||
final RegExp emojiRegex = RegExp(r'\[emoji:(\d+)\]'); |
|||
|
|||
int lastMatchEnd = 0; |
|||
final matches = emojiRegex.allMatches(text); |
|||
|
|||
for (final match in matches) { |
|||
// 添加表情之前的文本 |
|||
if (match.start > lastMatchEnd) { |
|||
final textPart = text.substring(lastMatchEnd, match.start); |
|||
widgets.add( |
|||
Text( |
|||
textPart, |
|||
style: TextStyle(fontSize: 14.sp, color: Colors.black), |
|||
), |
|||
); |
|||
} |
|||
|
|||
// 添加表情图片 |
|||
final emojiId = match.group(1); |
|||
if (emojiId != null) { |
|||
final emoji = EmojiConfig.getEmojiById(emojiId); |
|||
if (emoji != null) { |
|||
widgets.add( |
|||
Padding( |
|||
padding: EdgeInsets.symmetric(horizontal: 2.w), |
|||
child: Image.asset( |
|||
emoji.path, |
|||
width: 24.w, |
|||
height: 24.w, |
|||
fit: BoxFit.contain, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
lastMatchEnd = match.end; |
|||
} |
|||
|
|||
// 添加剩余的文本 |
|||
if (lastMatchEnd < text.length) { |
|||
final textPart = text.substring(lastMatchEnd); |
|||
widgets.add( |
|||
Text( |
|||
textPart, |
|||
style: TextStyle(fontSize: 14.sp, color: Colors.black), |
|||
), |
|||
); |
|||
} |
|||
|
|||
return widgets; |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: PageAppbar(title: "", right: Container( |
|||
width: 53.w, |
|||
height: 26.w, |
|||
margin: EdgeInsets.only(right: 17.w), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(8.w)), |
|||
color: const Color.fromRGBO(117, 98, 249, 1) |
|||
), |
|||
child: Center( |
|||
child: Text( |
|||
"发送", |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
color: Colors.white |
|||
), |
|||
), |
|||
), |
|||
),), |
|||
body: Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 17.w, vertical: 10.w), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Expanded( |
|||
child: Stack( |
|||
children: [ |
|||
TextField( |
|||
controller: messageController, |
|||
|
|||
focusNode: focusNode, |
|||
minLines: 1, |
|||
maxLines: null, // 关键 |
|||
style: TextStyle( |
|||
fontSize: 14.sp, |
|||
color: messageController.text.contains('[emoji:') |
|||
? Colors.transparent |
|||
: Colors.black, |
|||
), |
|||
decoration: InputDecoration( |
|||
contentPadding: EdgeInsets.symmetric( |
|||
vertical: 0, |
|||
horizontal: 0 |
|||
), |
|||
hintText: "分享你的日常，让缘分更早来临~", |
|||
hintStyle: TextStyle( |
|||
fontSize: 14.sp, |
|||
color: Colors.grey, |
|||
), |
|||
border: const OutlineInputBorder( |
|||
borderSide: BorderSide.none, // 这将移除边框 // 可选：设置圆角 |
|||
), |
|||
// 如果你希望聚焦时和未聚焦时都没有边框，也可以设置 focusedBorder 和 enabledBorder |
|||
focusedBorder: const OutlineInputBorder( |
|||
borderSide: BorderSide.none, |
|||
borderRadius: BorderRadius.all(Radius.circular(8.0)), |
|||
), |
|||
enabledBorder: const OutlineInputBorder( |
|||
borderSide: BorderSide.none, |
|||
borderRadius: BorderRadius.all(Radius.circular(8.0)), |
|||
), |
|||
), |
|||
onChanged: (value){ |
|||
setState(() { |
|||
|
|||
}); |
|||
}, |
|||
), |
|||
if (messageController.text.contains('[emoji:')) |
|||
Positioned.fill( |
|||
child: IgnorePointer( |
|||
child: SingleChildScrollView( |
|||
child: Wrap( |
|||
children: buildInputContentWidgets(), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
width: 98.w, |
|||
height: 26.w, |
|||
margin: EdgeInsets.symmetric(vertical: 16.w), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all(Radius.circular(26.w)), |
|||
color: const Color.fromRGBO(245, 245, 245, 1) |
|||
), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Icon( |
|||
Icons.location_on, |
|||
size: 16.w, |
|||
color: const Color.fromRGBO(51, 51, 51, 1), |
|||
), |
|||
SizedBox(width: 5.w,), |
|||
Text( |
|||
"开启定位", |
|||
style: TextStyle( |
|||
fontSize: 12.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
Row( |
|||
children: [ |
|||
Image.asset( |
|||
Assets.imagesImg, |
|||
width: 20.w, |
|||
), |
|||
SizedBox(width: 25.w,), |
|||
Image.asset( |
|||
Assets.imagesEmoji, |
|||
width: 18.w, |
|||
).onTap(toggleEmojiPanel) |
|||
], |
|||
), |
|||
|
|||
// 表情面板 |
|||
EmojiPanel( |
|||
isVisible: isEmojiVisible, |
|||
onEmojiSelected: handleEmojiSelected, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
@ -0,0 +1,212 @@ |
|||
import 'package:dating_touchme_app/components/page_appbar.dart'; |
|||
import 'package:dating_touchme_app/generated/assets.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
|
|||
class TimelineInfo extends StatefulWidget { |
|||
const TimelineInfo({super.key}); |
|||
|
|||
@override |
|||
State<TimelineInfo> createState() => _TimelineInfoState(); |
|||
} |
|||
|
|||
class _TimelineInfoState extends State<TimelineInfo> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: PageAppbar(title: "详情"), |
|||
body: SingleChildScrollView( |
|||
child: Container( |
|||
padding: EdgeInsets.symmetric( |
|||
horizontal: 16.w, |
|||
vertical: 10.w |
|||
), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Image.asset( |
|||
Assets.imagesUserAvatar, |
|||
width: 40.w, |
|||
height: 40.w, |
|||
), |
|||
SizedBox(width: 8.w,), |
|||
Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
"刘美玲", |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
Text( |
|||
"15:16", |
|||
style: TextStyle( |
|||
fontSize: 11.w, |
|||
color: const Color.fromRGBO(51, 51, 51, .6), |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
) |
|||
], |
|||
) |
|||
], |
|||
), |
|||
Icon( |
|||
Icons.keyboard_control, |
|||
size: 15.w, |
|||
color: const Color.fromRGBO(51, 51, 51, 1), |
|||
) |
|||
], |
|||
), |
|||
Container( |
|||
margin: EdgeInsets.symmetric(vertical: 11.w), |
|||
child: Text( |
|||
"你总顾及别人，那谁来顾及你。你总顾及别人，那谁来顾及你。你总顾及别人，那谁来顾及你。你总顾及别人，那谁来顾及你。" |
|||
), |
|||
), |
|||
Image.asset( |
|||
Assets.imagesRoseBanner, |
|||
width: 343.w, |
|||
), |
|||
SizedBox(height: 15.w,), |
|||
Row( |
|||
mainAxisAlignment: MainAxisAlignment.end, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Image.asset( |
|||
Assets.imagesLikeIcon, |
|||
width: 14.w, |
|||
height: 12.w, |
|||
), |
|||
SizedBox(width: 6.w,), |
|||
Text( |
|||
"47", |
|||
style: TextStyle( |
|||
fontSize: 11.w, |
|||
color: const Color.fromRGBO(144, 144, 144, .6) |
|||
), |
|||
) |
|||
], |
|||
), |
|||
SizedBox(width: 33.w,), |
|||
Row( |
|||
children: [ |
|||
Image.asset( |
|||
Assets.imagesCommentIcon, |
|||
width: 15.w, |
|||
height: 15.w, |
|||
), |
|||
SizedBox(width: 6.w,), |
|||
Text( |
|||
"23", |
|||
style: TextStyle( |
|||
fontSize: 11.w, |
|||
color: const Color.fromRGBO(144, 144, 144, .6) |
|||
), |
|||
) |
|||
], |
|||
), |
|||
], |
|||
), |
|||
SizedBox(height: 18.w,), |
|||
Text( |
|||
"全部评论(23)", |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
color: const Color.fromRGBO(144, 144, 144, 1), |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
SizedBox(height: 20.w,), |
|||
CommentItem(), |
|||
CommentItem(), |
|||
CommentItem(), |
|||
CommentItem(), |
|||
CommentItem(), |
|||
CommentItem(), |
|||
CommentItem(), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class CommentItem extends StatefulWidget { |
|||
const CommentItem({super.key}); |
|||
|
|||
@override |
|||
State<CommentItem> createState() => _CommentItemState(); |
|||
} |
|||
|
|||
class _CommentItemState extends State<CommentItem> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
margin: EdgeInsets.only(bottom: 20.w), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Expanded( |
|||
child: Row( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Image.asset( |
|||
Assets.imagesUserAvatar, |
|||
width: 40.w, |
|||
height: 40.w, |
|||
), |
|||
SizedBox(width: 8.w,), |
|||
Expanded( |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
"刘美玲", |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
color: const Color.fromRGBO(144, 144, 144, 1), |
|||
), |
|||
), |
|||
SizedBox(height: 5.w,), |
|||
SizedBox( |
|||
child: Text( |
|||
"看起来还不错！看起来还不错！看起来还不错！看起来还不错！看起来还不错！看起来还不错！看起来还不错！看起来还不错！", |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
), |
|||
SizedBox(height: 5.w,), |
|||
Text( |
|||
"15:16·回复", |
|||
style: TextStyle( |
|||
fontSize: 11.w, |
|||
color: const Color.fromRGBO(51, 51, 51, .6), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
Image.asset( |
|||
Assets.imagesLikeIcon, |
|||
width: 14.w, |
|||
) |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
@ -0,0 +1,119 @@ |
|||
import 'package:dating_touchme_app/extension/ex_widget.dart'; |
|||
import 'package:dating_touchme_app/generated/assets.dart'; |
|||
import 'package:dating_touchme_app/pages/home/timeline_info.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
|
|||
class TimelineItem extends StatefulWidget { |
|||
const TimelineItem({super.key}); |
|||
|
|||
@override |
|||
State<TimelineItem> createState() => _TimelineItemState(); |
|||
} |
|||
|
|||
class _TimelineItemState extends State<TimelineItem> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
margin: EdgeInsets.only(bottom: 15.w), |
|||
child: Column( |
|||
children: [ |
|||
Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Image.asset( |
|||
Assets.imagesUserAvatar, |
|||
width: 40.w, |
|||
height: 40.w, |
|||
), |
|||
SizedBox(width: 8.w,), |
|||
Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
"刘美玲", |
|||
style: TextStyle( |
|||
fontSize: 13.w, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
), |
|||
Text( |
|||
"15:16", |
|||
style: TextStyle( |
|||
fontSize: 11.w, |
|||
color: const Color.fromRGBO(51, 51, 51, .6), |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
) |
|||
], |
|||
) |
|||
], |
|||
), |
|||
Icon( |
|||
Icons.keyboard_control, |
|||
size: 15.w, |
|||
color: const Color.fromRGBO(51, 51, 51, 1), |
|||
) |
|||
], |
|||
), |
|||
Container( |
|||
margin: EdgeInsets.symmetric(vertical: 11.w), |
|||
child: Text( |
|||
"你总顾及别人，那谁来顾及你。你总顾及别人，那谁来顾及你。你总顾及别人，那谁来顾及你。你总顾及别人，那谁来顾及你。" |
|||
), |
|||
), |
|||
Image.asset( |
|||
Assets.imagesRoseBanner, |
|||
width: 375.w - 24, |
|||
), |
|||
SizedBox(height: 14.w,), |
|||
Row( |
|||
mainAxisAlignment: MainAxisAlignment.end, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Image.asset( |
|||
Assets.imagesLikeIcon, |
|||
width: 14.w, |
|||
height: 12.w, |
|||
), |
|||
SizedBox(width: 6.w,), |
|||
Text( |
|||
"47", |
|||
style: TextStyle( |
|||
fontSize: 11.w, |
|||
color: const Color.fromRGBO(144, 144, 144, .6) |
|||
), |
|||
) |
|||
], |
|||
), |
|||
SizedBox(width: 33.w,), |
|||
Row( |
|||
children: [ |
|||
Image.asset( |
|||
Assets.imagesCommentIcon, |
|||
width: 15.w, |
|||
height: 15.w, |
|||
), |
|||
SizedBox(width: 6.w,), |
|||
Text( |
|||
"23", |
|||
style: TextStyle( |
|||
fontSize: 11.w, |
|||
color: const Color.fromRGBO(144, 144, 144, .6) |
|||
), |
|||
) |
|||
], |
|||
), |
|||
], |
|||
) |
|||
], |
|||
), |
|||
).onTap((){ |
|||
Get.to(() => TimelineInfo()); |
|||
}); |
|||
} |
|||
} |
|||
@ -0,0 +1,111 @@ |
|||
import 'package:dating_touchme_app/controller/home/home_controller.dart'; |
|||
import 'package:dating_touchme_app/pages/home/all_timeline.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
import 'package:tdesign_flutter/tdesign_flutter.dart'; |
|||
|
|||
class TimelineWindow extends StatefulWidget { |
|||
const TimelineWindow({super.key}); |
|||
|
|||
@override |
|||
State<TimelineWindow> createState() => _TimelineWindowState(); |
|||
} |
|||
|
|||
class _TimelineWindowState extends State<TimelineWindow> with AutomaticKeepAliveClientMixin, SingleTickerProviderStateMixin { |
|||
|
|||
|
|||
late TabController tabController; |
|||
final HomeController controller = Get.find<HomeController>(); |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
|
|||
tabController = TabController(length: 2, vsync: this); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
super.build(context); |
|||
return Column( |
|||
children: [ |
|||
Container( |
|||
height: 25.w, |
|||
color: const Color.fromRGBO(128, 91, 253, 1), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Icon( |
|||
Icons.location_on, |
|||
size: 14.w, |
|||
color: Colors.white, |
|||
), |
|||
SizedBox(width: 7.w,), |
|||
Text( |
|||
"点击开启定位，即可查看附近的人", |
|||
style: TextStyle( |
|||
fontSize: 12.w, |
|||
color: Colors.white, |
|||
fontWeight: FontWeight.w500 |
|||
), |
|||
) |
|||
], |
|||
), |
|||
), |
|||
TDTabBar( |
|||
tabs: [ |
|||
TDTab( |
|||
child: Padding( |
|||
padding: EdgeInsets.only(right: 16, left: 16), |
|||
child: Text('全部'), |
|||
), |
|||
), |
|||
TDTab( |
|||
child: Padding( |
|||
padding: EdgeInsets.only(right: 16, left: 16), |
|||
child: Text('好友动态'), |
|||
), |
|||
), |
|||
], |
|||
backgroundColor: Colors.transparent, |
|||
labelPadding: const EdgeInsets.only(right: 4, top: 10, bottom: 10, left: 4), |
|||
selectedBgColor: const Color.fromRGBO(108, 105, 244, 1), |
|||
unSelectedBgColor: Colors.transparent, |
|||
labelColor: Colors.white, |
|||
dividerHeight: 0, |
|||
tabAlignment: TabAlignment.start, |
|||
outlineType: TDTabBarOutlineType.capsule, |
|||
controller: tabController, |
|||
showIndicator: false, |
|||
isScrollable: true, |
|||
onTap: (index) async { |
|||
print('相亲页面 Tab: $index'); |
|||
if (controller.timelineTab.value != index) { |
|||
controller.setTimelineTab(index); |
|||
// 确保状态更新后刷新UI |
|||
controller.update(); |
|||
} |
|||
}, |
|||
), |
|||
Expanded( |
|||
child: Obx(() { |
|||
// 使用 IndexedStack 保持两个列表的状态，根据当前选中的标签显示对应的列表 |
|||
return IndexedStack( |
|||
index: controller.timelineTab.value, |
|||
children: const [ |
|||
// 推荐列表 |
|||
AllTimeline(), |
|||
// 同城列表 |
|||
], |
|||
); |
|||
}), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
|
|||
|
|||
@override |
|||
bool get wantKeepAlive => true; |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save