新增:首页 Feed 接入真实数据——四态/尾部三态/聚合曝光埋点,社区 demo 消亡第一页(T3-14)
CI / flutter-gates (push) Successful in 2m41s
CI / flutter-gates (push) Successful in 2m41s
- home_page Feed segment 改接 CommunityController:骨架屏首载、空态 CTA、 错误横幅重试、下拉刷新(失败保留旧列表 + SnackBar)、触底游标翻页 (失败态只走显式重试,不随滚动风暴自动重打) - PostCard 三形态(单图通栏 4:3 / 多图折叠封面 +N 角标 / 纯文字 6 行)+ PostMediaGrid(列数规则 + ink 80% scrim 精算)+ LikeButton(error 族修订 Colors.red,T3-14 纯展示禁用态,ToggleSync 接线留 T3-15/16)+ FeedSkeleton (呼吸动效尊重减弱动态设置);降级作者统一「宠友」占位 - SignedNetworkImage:预签名 URL 缓存 key 剥离 X-Amz-* 签名参数, RemoteImage 全仓换用(同图不同签名命中同一缓存条目) - feed 域埋点:feed_viewed 聚合曝光(浏览段开/结算于切 Tab、切分段、 退后台、销毁;≥50% 可见 ≥500ms 段内按帖去重,postId 不上报)+ feed_load_failed(refresh/load_more 双路,会话失效不报) - integration_test/feed_live_test.dart:compose 六容器 Linux 桌面真链路 实测入口(PATBOND_FEED_LIVE=1 门控,默认跳过) - 测试 379 → 421(+42):四态/尾部三态/翻页不丢不重/降级作者/曝光结算 时机/缓存 key/事件属性全覆盖;analyze 0,format 无 diff Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
+440
-208
@@ -1,42 +1,253 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:patbond_flutter/core/theme/app_theme.dart';
|
||||
import 'package:patbond_flutter/core/widgets/empty_state_illustration.dart';
|
||||
import 'package:patbond_flutter/core/widgets/feed_skeleton.dart';
|
||||
import 'package:patbond_flutter/core/widgets/inline_error_banner.dart';
|
||||
import 'package:patbond_flutter/core/widgets/post_card.dart';
|
||||
import 'package:patbond_flutter/data/demo_data.dart';
|
||||
import 'package:patbond_flutter/features/community/community_controller.dart';
|
||||
import 'package:patbond_flutter/features/community/community_display.dart';
|
||||
import 'package:patbond_flutter/features/community/community_models.dart';
|
||||
import 'package:patbond_flutter/features/community/feed_analytics.dart';
|
||||
import 'package:patbond_flutter/features/community/feed_exposure.dart';
|
||||
import 'package:patbond_flutter/models/models.dart';
|
||||
import 'package:patbond_flutter/state/app_state.dart';
|
||||
import 'package:patbond_flutter/widgets/common.dart';
|
||||
|
||||
enum HomeSegment { feed, services }
|
||||
|
||||
/// 首页 Tab:Feed 段自 T3-14 起消费 [CommunityController] 真实数据
|
||||
/// (四态 + 游标翻页 + 聚合曝光埋点);天气条/问候卡/搜索/服务段与
|
||||
/// `_StoryRow` 家具保留 demo 形态(03 号评估 §1.1 判定)。
|
||||
class HomePage extends StatefulWidget {
|
||||
const HomePage({
|
||||
required this.appState,
|
||||
required this.onOpenPost,
|
||||
required this.communityController,
|
||||
required this.onOpenServices,
|
||||
required this.onOpenCreate,
|
||||
super.key,
|
||||
this.feedAnalytics,
|
||||
this.isActive = true,
|
||||
});
|
||||
|
||||
final AppState appState;
|
||||
final ValueChanged<PostModel> onOpenPost;
|
||||
|
||||
/// Feed 数据源(Tab 级单例,app.dart 装配注入)。
|
||||
final CommunityController communityController;
|
||||
|
||||
final ValueChanged<bool> onOpenServices;
|
||||
final VoidCallback onOpenCreate;
|
||||
|
||||
/// feed 域埋点(feed_viewed 聚合曝光 + feed_load_failed)。
|
||||
final FeedAnalytics? feedAnalytics;
|
||||
|
||||
/// 首页 Tab 是否为当前可见 Tab(IndexedStack 各 Tab 常驻构建,
|
||||
/// 由主壳传入以驱动浏览段开/结算)。
|
||||
final bool isActive;
|
||||
|
||||
@override
|
||||
State<HomePage> createState() => _HomePageState();
|
||||
}
|
||||
|
||||
class _HomePageState extends State<HomePage> {
|
||||
class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
|
||||
HomeSegment segment = HomeSegment.feed;
|
||||
String query = '';
|
||||
String sort = '综合';
|
||||
|
||||
List<PostModel> get filteredPosts {
|
||||
/// 当前 Feed 浏览段(不在 Feed 面上时为 null)。
|
||||
FeedViewSegment? _viewSegment;
|
||||
|
||||
/// 曝光扫描用:postId → 卡片 GlobalKey。
|
||||
final Map<String, GlobalKey> _cardKeys = {};
|
||||
final GlobalKey _listKey = GlobalKey();
|
||||
|
||||
AppLifecycleState _lastLifecycle = AppLifecycleState.resumed;
|
||||
|
||||
CommunityController get _feed => widget.communityController;
|
||||
|
||||
bool get _feedSurfaceVisible =>
|
||||
widget.isActive && segment == HomeSegment.feed;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
WidgetsBinding.instance.addObserver(this);
|
||||
// 主壳挂载即预取(pets 先例);重登后控制器已 reset 回 initial。
|
||||
// 首屏自动预取不计入浏览段 refreshCount(非用户动作)。
|
||||
if (_feed.phase == FeedPhase.initial) {
|
||||
_refreshFeed(userInitiated: false);
|
||||
}
|
||||
if (_feedSurfaceVisible) _startSegment();
|
||||
}
|
||||
|
||||
@override
|
||||
void didUpdateWidget(HomePage oldWidget) {
|
||||
super.didUpdateWidget(oldWidget);
|
||||
if (oldWidget.isActive != widget.isActive) {
|
||||
widget.isActive ? _maybeStartSegment() : _settleSegment();
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void didChangeAppLifecycleState(AppLifecycleState state) {
|
||||
// 退后台即结算浏览段(06 §1.2:feed_viewed 触发点之一);只在离开
|
||||
// resumed 的第一次变更结算(inactive/hidden/paused 级联不重复)。
|
||||
// 回前台若仍在 Feed 面上则开新段。
|
||||
if (state == AppLifecycleState.resumed) {
|
||||
_lastLifecycle = state;
|
||||
_maybeStartSegment();
|
||||
return;
|
||||
}
|
||||
if (_lastLifecycle == AppLifecycleState.resumed) {
|
||||
_settleSegment();
|
||||
}
|
||||
_lastLifecycle = state;
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_settleSegment();
|
||||
WidgetsBinding.instance.removeObserver(this);
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
// ---- 浏览段开/结算 ----
|
||||
|
||||
void _startSegment() {
|
||||
_viewSegment ??= FeedViewSegment();
|
||||
_scheduleVisibilityScan();
|
||||
}
|
||||
|
||||
void _maybeStartSegment() {
|
||||
if (_feedSurfaceVisible && _lastLifecycle == AppLifecycleState.resumed) {
|
||||
_startSegment();
|
||||
}
|
||||
}
|
||||
|
||||
void _settleSegment() {
|
||||
final summary = _viewSegment?.settle();
|
||||
_viewSegment = null;
|
||||
if (summary != null && widget.feedAnalytics != null) {
|
||||
summary.report(widget.feedAnalytics!);
|
||||
}
|
||||
}
|
||||
|
||||
void _onSegmentChanged(HomeSegment value) {
|
||||
if (value == segment) return;
|
||||
setState(() => segment = value);
|
||||
value == HomeSegment.feed ? _maybeStartSegment() : _settleSegment();
|
||||
}
|
||||
|
||||
// ---- 曝光可见性扫描 ----
|
||||
|
||||
bool _scanScheduled = false;
|
||||
|
||||
/// 帧末扫描(滚动通知发生在本帧布局前,同步读 RenderBox 是旧位置;
|
||||
/// 统一调度到 post-frame,一帧至多一次)。
|
||||
void _scheduleVisibilityScan() {
|
||||
if (_scanScheduled) return;
|
||||
_scanScheduled = true;
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
_scanScheduled = false;
|
||||
_scanVisibility();
|
||||
});
|
||||
}
|
||||
|
||||
/// 以列表视口与各卡片 RenderBox 的纵向交叠比例回报可见性
|
||||
/// (≥50% 且驻留 ≥500ms 才计曝光,判定在 [FeedViewSegment] 内)。
|
||||
void _scanVisibility() {
|
||||
final viewSegment = _viewSegment;
|
||||
if (viewSegment == null || !mounted) return;
|
||||
final listBox = _listKey.currentContext?.findRenderObject() as RenderBox?;
|
||||
if (listBox == null || !listBox.attached) return;
|
||||
final viewportTop = listBox.localToGlobal(Offset.zero).dy;
|
||||
final viewportBottom = viewportTop + listBox.size.height;
|
||||
for (final entry in _cardKeys.entries) {
|
||||
final box = entry.value.currentContext?.findRenderObject() as RenderBox?;
|
||||
var fraction = 0.0;
|
||||
if (box != null && box.attached && box.hasSize && box.size.height > 0) {
|
||||
final top = box.localToGlobal(Offset.zero).dy;
|
||||
final bottom = top + box.size.height;
|
||||
final visible =
|
||||
bottom.clamp(viewportTop, viewportBottom) -
|
||||
top.clamp(viewportTop, viewportBottom);
|
||||
fraction = visible / box.size.height;
|
||||
}
|
||||
viewSegment.updateVisibility(entry.key, fraction);
|
||||
}
|
||||
}
|
||||
|
||||
bool _onScrollNotification(ScrollNotification notification) {
|
||||
if (segment != HomeSegment.feed) return false;
|
||||
if (notification is ScrollUpdateNotification ||
|
||||
notification is ScrollEndNotification) {
|
||||
_scheduleVisibilityScan();
|
||||
// 滚动近底触发翻页(余量 400 提前预取);失败态不自动重试,
|
||||
// 只走尾部重试条显式点按(避免滚动风暴反复打失败端点)。
|
||||
if (notification.metrics.extentAfter < 400 &&
|
||||
_feed.loadMorePhase == LoadMorePhase.idle) {
|
||||
_loadMoreFeed();
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
// ---- 数据加载与失败埋点 ----
|
||||
|
||||
Future<void> _refreshFeed({required bool userInitiated}) async {
|
||||
if (userInitiated) _viewSegment?.recordRefresh();
|
||||
await _feed.refresh();
|
||||
final error = _feed.refreshError ?? _feed.lastError;
|
||||
if (error != null) {
|
||||
widget.feedAnalytics?.feedLoadFailedFrom(
|
||||
error,
|
||||
feedTab: FeedTab.home,
|
||||
loadType: FeedLoadType.refresh,
|
||||
);
|
||||
}
|
||||
// 刷新失败但旧列表被保留:SnackBar 轻提示(首屏失败走 error 态横幅)。
|
||||
if (_feed.refreshError != null && mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text(feedLoadErrorMessage(_feed.refreshError))),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _loadMoreFeed() async {
|
||||
if (_feed.phase != FeedPhase.ready ||
|
||||
!_feed.hasMore ||
|
||||
_feed.loadMorePhase == LoadMorePhase.loading) {
|
||||
return;
|
||||
}
|
||||
_viewSegment?.recordLoadMore();
|
||||
await _feed.loadMore();
|
||||
final error = _feed.loadMoreError;
|
||||
if (error != null) {
|
||||
widget.feedAnalytics?.feedLoadFailedFrom(
|
||||
error,
|
||||
feedTab: FeedTab.home,
|
||||
loadType: FeedLoadType.loadMore,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// T3-14 取舍:详情页数据层重写属 T3-15,demo 详情页无法按服务端
|
||||
/// postId 渲染真实帖,故整卡点按先提示、互动按钮为纯展示禁用态。
|
||||
void _showDetailPending() {
|
||||
ScaffoldMessenger.of(context)
|
||||
..hideCurrentSnackBar()
|
||||
..showSnackBar(const SnackBar(content: Text('帖子详情正在接入真实数据,敬请期待')));
|
||||
}
|
||||
|
||||
/// 搜索词过滤(demo 交互保留:只过滤已加载的多页缓存,不发检索请求;
|
||||
/// 契约 v1.3.0 无搜索端点)。
|
||||
List<FeedCard> get _visibleCards {
|
||||
final keyword = query.trim().toLowerCase();
|
||||
if (keyword.isEmpty) return widget.appState.posts;
|
||||
return widget.appState.posts.where((post) {
|
||||
return post.content.toLowerCase().contains(keyword) ||
|
||||
post.authorName.toLowerCase().contains(keyword) ||
|
||||
post.tags.any((tag) => tag.toLowerCase().contains(keyword));
|
||||
if (keyword.isEmpty) return _feed.feed;
|
||||
return _feed.feed.where((card) {
|
||||
return card.contentPreview.toLowerCase().contains(keyword) ||
|
||||
(card.title?.toLowerCase().contains(keyword) ?? false) ||
|
||||
authorDisplayName(card.author).toLowerCase().contains(keyword);
|
||||
}).toList();
|
||||
}
|
||||
|
||||
@@ -95,114 +306,232 @@ class _HomePageState extends State<HomePage> {
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return RefreshIndicator(
|
||||
onRefresh: () async =>
|
||||
Future<void>.delayed(const Duration(milliseconds: 500)),
|
||||
child: ListView(
|
||||
padding: const EdgeInsets.fromLTRB(16, 12, 16, 28),
|
||||
children: [
|
||||
_WeatherStatusBar(
|
||||
weather: widget.appState.locationWeather,
|
||||
onAreaTap: selectArea,
|
||||
onWeatherTap: showWeatherDetails,
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
_PetGreetingCard(
|
||||
greeting: greeting,
|
||||
petName: widget.appState.pet.name,
|
||||
petAvatar: widget.appState.pet.avatarUrl,
|
||||
advice: widget.appState.locationWeather.petAdvice,
|
||||
),
|
||||
const SizedBox(height: 14),
|
||||
TextField(
|
||||
onChanged: (value) => setState(() => query = value),
|
||||
decoration: const InputDecoration(
|
||||
hintText: '搜索动态、医院、美容或遛狗服务…',
|
||||
prefixIcon: Icon(Icons.search),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 14),
|
||||
SegmentedButton<HomeSegment>(
|
||||
segments: const [
|
||||
ButtonSegment(
|
||||
value: HomeSegment.feed,
|
||||
icon: Icon(Icons.forum_outlined),
|
||||
label: Text('社区动态'),
|
||||
),
|
||||
ButtonSegment(
|
||||
value: HomeSegment.services,
|
||||
icon: Icon(Icons.storefront_outlined),
|
||||
label: Text('本地服务'),
|
||||
),
|
||||
],
|
||||
selected: {segment},
|
||||
showSelectedIcon: false,
|
||||
onSelectionChanged: (value) {
|
||||
setState(() => segment = value.first);
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 18),
|
||||
if (segment == HomeSegment.feed) ...[
|
||||
_StoryRow(onCreate: widget.onOpenCreate),
|
||||
const SizedBox(height: 18),
|
||||
_PromoCard(onTap: () => widget.onOpenServices(true)),
|
||||
const SizedBox(height: 18),
|
||||
if (filteredPosts.isEmpty)
|
||||
const EmptyState(message: '没有找到相关动态')
|
||||
else
|
||||
...filteredPosts.map(
|
||||
(post) => Padding(
|
||||
padding: const EdgeInsets.only(bottom: 16),
|
||||
child: _PostCard(
|
||||
post: post,
|
||||
onTap: () => widget.onOpenPost(post),
|
||||
onLike: () => widget.appState.updatePost(
|
||||
post.copyWith(
|
||||
hasLiked: !post.hasLiked,
|
||||
likes: post.hasLiked ? post.likes - 1 : post.likes + 1,
|
||||
return ListenableBuilder(
|
||||
listenable: _feed,
|
||||
builder: (context, _) {
|
||||
// ready 后(含翻页追加)补一次可见性扫描:无滚动也能记首屏曝光。
|
||||
if (_viewSegment != null && _feed.phase == FeedPhase.ready) {
|
||||
_scheduleVisibilityScan();
|
||||
}
|
||||
return NotificationListener<ScrollNotification>(
|
||||
onNotification: _onScrollNotification,
|
||||
child: RefreshIndicator(
|
||||
onRefresh: () => segment == HomeSegment.feed
|
||||
? _refreshFeed(userInitiated: true)
|
||||
: Future<void>.delayed(const Duration(milliseconds: 500)),
|
||||
child: ListView(
|
||||
key: _listKey,
|
||||
padding: const EdgeInsets.fromLTRB(16, 12, 16, 28),
|
||||
children: [
|
||||
_WeatherStatusBar(
|
||||
weather: widget.appState.locationWeather,
|
||||
onAreaTap: selectArea,
|
||||
onWeatherTap: showWeatherDetails,
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
_PetGreetingCard(
|
||||
greeting: greeting,
|
||||
petName: widget.appState.pet.name,
|
||||
petAvatar: widget.appState.pet.avatarUrl,
|
||||
advice: widget.appState.locationWeather.petAdvice,
|
||||
),
|
||||
const SizedBox(height: 14),
|
||||
TextField(
|
||||
onChanged: (value) => setState(() => query = value),
|
||||
decoration: const InputDecoration(
|
||||
hintText: '搜索动态、医院、美容或遛狗服务…',
|
||||
prefixIcon: Icon(Icons.search),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 14),
|
||||
SegmentedButton<HomeSegment>(
|
||||
segments: const [
|
||||
ButtonSegment(
|
||||
value: HomeSegment.feed,
|
||||
icon: Icon(Icons.forum_outlined),
|
||||
label: Text('社区动态'),
|
||||
),
|
||||
ButtonSegment(
|
||||
value: HomeSegment.services,
|
||||
icon: Icon(Icons.storefront_outlined),
|
||||
label: Text('本地服务'),
|
||||
),
|
||||
],
|
||||
selected: {segment},
|
||||
showSelectedIcon: false,
|
||||
onSelectionChanged: (value) => _onSegmentChanged(value.first),
|
||||
),
|
||||
const SizedBox(height: 18),
|
||||
if (segment == HomeSegment.feed) ...[
|
||||
_StoryRow(onCreate: widget.onOpenCreate),
|
||||
const SizedBox(height: 18),
|
||||
_PromoCard(onTap: () => widget.onOpenServices(true)),
|
||||
const SizedBox(height: 18),
|
||||
..._feedSection(),
|
||||
] else ...[
|
||||
_CategoryGrid(onTap: (_) => widget.onOpenServices(false)),
|
||||
const SizedBox(height: 18),
|
||||
Row(
|
||||
children: [
|
||||
Text(
|
||||
'附近推荐',
|
||||
style: Theme.of(context).textTheme.titleLarge,
|
||||
),
|
||||
const Spacer(),
|
||||
for (final item in ['综合', '距离', '评分'])
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 6),
|
||||
child: ChoiceChip(
|
||||
label: Text(item),
|
||||
selected: sort == item,
|
||||
onSelected: (_) => setState(() => sort = item),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
if (filteredProviders.isEmpty)
|
||||
const EmptyState(message: '没有找到相关服务')
|
||||
else
|
||||
...filteredProviders.map(
|
||||
(provider) => Padding(
|
||||
padding: const EdgeInsets.only(bottom: 12),
|
||||
child: _ProviderCompactCard(
|
||||
provider: provider,
|
||||
onTap: () => widget.onOpenServices(
|
||||
provider.kind == ProviderKind.personal,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
] else ...[
|
||||
_CategoryGrid(onTap: (_) => widget.onOpenServices(false)),
|
||||
const SizedBox(height: 18),
|
||||
Row(
|
||||
children: [
|
||||
Text('附近推荐', style: Theme.of(context).textTheme.titleLarge),
|
||||
const Spacer(),
|
||||
for (final item in ['综合', '距离', '评分'])
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 6),
|
||||
child: ChoiceChip(
|
||||
label: Text(item),
|
||||
selected: sort == item,
|
||||
onSelected: (_) => setState(() => sort = item),
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
if (filteredProviders.isEmpty)
|
||||
const EmptyState(message: '没有找到相关服务')
|
||||
else
|
||||
...filteredProviders.map(
|
||||
(provider) => Padding(
|
||||
padding: const EdgeInsets.only(bottom: 12),
|
||||
child: _ProviderCompactCard(
|
||||
provider: provider,
|
||||
onTap: () => widget.onOpenServices(
|
||||
provider.kind == ProviderKind.personal,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
// ---- Feed 段四态渲染 ----
|
||||
|
||||
List<Widget> _feedSection() {
|
||||
switch (_feed.phase) {
|
||||
case FeedPhase.initial:
|
||||
case FeedPhase.loading:
|
||||
return const [
|
||||
FeedSkeleton(),
|
||||
SizedBox(height: 16),
|
||||
FeedSkeleton(),
|
||||
SizedBox(height: 16),
|
||||
FeedSkeleton(),
|
||||
];
|
||||
case FeedPhase.error:
|
||||
return [
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 24),
|
||||
child: Column(
|
||||
children: [
|
||||
InlineErrorBanner(
|
||||
message: feedLoadErrorMessage(_feed.lastError),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
FilledButton(
|
||||
onPressed: () => _refreshFeed(userInitiated: true),
|
||||
child: const Text('重试'),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
];
|
||||
case FeedPhase.ready:
|
||||
if (_feed.feed.isEmpty) {
|
||||
return [
|
||||
EmptyStateIllustration(
|
||||
icon: Icons.forum_outlined,
|
||||
title: '还没有动态',
|
||||
description: '关注的毛孩子们还没发帖,去逛逛话题吧',
|
||||
ctaLabel: '发布第一条',
|
||||
onCtaPressed: widget.onOpenCreate,
|
||||
),
|
||||
];
|
||||
}
|
||||
final cards = _visibleCards;
|
||||
_pruneCardKeys(cards);
|
||||
if (cards.isEmpty) {
|
||||
return const [EmptyState(message: '没有找到相关动态')];
|
||||
}
|
||||
return [
|
||||
for (final card in cards)
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 16),
|
||||
child: KeyedSubtree(
|
||||
key: _cardKeys.putIfAbsent(card.id, GlobalKey.new),
|
||||
child: PostCard(card: card, onTap: _showDetailPending),
|
||||
),
|
||||
),
|
||||
// 搜索过滤中不渲染尾部(过滤只作用于已加载页,翻页语义混淆)。
|
||||
if (query.trim().isEmpty) _feedTail(),
|
||||
];
|
||||
}
|
||||
}
|
||||
|
||||
/// 卡片 key 表随当前列表收敛(刷新整体替换后旧帖的驻留计时作废)。
|
||||
void _pruneCardKeys(List<FeedCard> cards) {
|
||||
final alive = {for (final card in cards) card.id};
|
||||
_cardKeys.removeWhere((id, _) {
|
||||
if (alive.contains(id)) return false;
|
||||
_viewSegment?.updateVisibility(id, 0);
|
||||
return true;
|
||||
});
|
||||
}
|
||||
|
||||
/// 尾部三态:加载中转圈 / 失败重试 / 到底「没有更多了」。
|
||||
Widget _feedTail() {
|
||||
switch (_feed.loadMorePhase) {
|
||||
case LoadMorePhase.loading:
|
||||
return const Padding(
|
||||
padding: EdgeInsets.symmetric(vertical: 16),
|
||||
child: Center(
|
||||
child: SizedBox(
|
||||
width: 24,
|
||||
height: 24,
|
||||
child: CircularProgressIndicator(
|
||||
strokeWidth: 2.5,
|
||||
color: AppColors.primary,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
case LoadMorePhase.error:
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
child: Column(
|
||||
children: [
|
||||
Text(
|
||||
feedLoadErrorMessage(_feed.loadMoreError),
|
||||
style: const TextStyle(color: AppColors.inkSoft, fontSize: 12),
|
||||
),
|
||||
TextButton(
|
||||
onPressed: _loadMoreFeed,
|
||||
child: const Text('加载失败,点此重试'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
case LoadMorePhase.idle:
|
||||
if (_feed.hasMore) return const SizedBox(height: 24);
|
||||
return const Padding(
|
||||
padding: EdgeInsets.symmetric(vertical: 16),
|
||||
child: Center(
|
||||
child: Text(
|
||||
'没有更多了',
|
||||
style: TextStyle(color: AppColors.inkSoft, fontSize: 12),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
class _WeatherStatusBar extends StatelessWidget {
|
||||
@@ -661,103 +990,6 @@ class _PromoCard extends StatelessWidget {
|
||||
}
|
||||
}
|
||||
|
||||
class _PostCard extends StatelessWidget {
|
||||
const _PostCard({
|
||||
required this.post,
|
||||
required this.onTap,
|
||||
required this.onLike,
|
||||
});
|
||||
|
||||
final PostModel post;
|
||||
final VoidCallback onTap;
|
||||
final VoidCallback onLike;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Card(
|
||||
clipBehavior: Clip.antiAlias,
|
||||
child: InkWell(
|
||||
onTap: onTap,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(14),
|
||||
child: Row(
|
||||
children: [
|
||||
RemoteImage(
|
||||
url: post.authorAvatar,
|
||||
width: 38,
|
||||
height: 38,
|
||||
borderRadius: BorderRadius.circular(19),
|
||||
),
|
||||
const SizedBox(width: 10),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
post.authorName,
|
||||
style: const TextStyle(fontWeight: FontWeight.w700),
|
||||
),
|
||||
Text(
|
||||
'${post.time} · ${post.breedTag}',
|
||||
style: Theme.of(context).textTheme.bodySmall,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const Icon(Icons.more_horiz, color: AppColors.muted),
|
||||
],
|
||||
),
|
||||
),
|
||||
AspectRatio(
|
||||
aspectRatio: 4 / 3,
|
||||
child: RemoteImage(url: post.mainImage),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
post.content,
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Row(
|
||||
children: [
|
||||
ActionChip(
|
||||
avatar: Icon(
|
||||
post.hasLiked
|
||||
? Icons.favorite
|
||||
: Icons.favorite_border,
|
||||
size: 17,
|
||||
color: post.hasLiked ? Colors.red : AppColors.primary,
|
||||
),
|
||||
label: Text('${post.likes}'),
|
||||
onPressed: onLike,
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Chip(
|
||||
avatar: const Icon(Icons.chat_bubble_outline, size: 16),
|
||||
label: Text('${post.comments.length}'),
|
||||
),
|
||||
const Spacer(),
|
||||
const Icon(Icons.share_outlined, color: AppColors.muted),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _CategoryGrid extends StatelessWidget {
|
||||
const _CategoryGrid({required this.onTap});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user