初始化
This commit is contained in:
谢宇宁
@@ -0,0 +1,219 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:hgdj/assets_tool/images.dart';
|
||||
import 'package:hgdj/hj_page/home/provider/home_update_marker_provider.dart';
|
||||
import 'package:hgdj/hj_utils/const.dart';
|
||||
import 'package:hgdj/hj_utils/screen.dart';
|
||||
import 'package:hgdj/tools_base/indicator/custom_tab_indicator.dart';
|
||||
import 'package:hgdj/tools_base/loading/loading_center_widget.dart';
|
||||
import 'package:hgdj/tools_base/widget/keep_alive_widget.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../cartoon/cartoon_sub_detail_page.dart';
|
||||
import '../main_page/provider/bottom_bar_provider.dart';
|
||||
import 'activity_float/home_float_widget.dart';
|
||||
import 'home_drawer.dart';
|
||||
import 'home_main_logic.dart';
|
||||
import 'home_sub_module/home_tab_section_page.dart';
|
||||
import 'home_sub_module/home_tab_sort_page.dart';
|
||||
import 'search_page/widget/common_search_widget.dart';
|
||||
|
||||
class HomeMainPage extends StatelessWidget {
|
||||
const HomeMainPage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Material(
|
||||
color: const Color(0xff050f17),
|
||||
child: GetBuilder<HomeMainLogic>(
|
||||
init: HomeMainLogic(),
|
||||
tag: "HomeMainLogic",
|
||||
builder: (logic) {
|
||||
return Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
Scaffold(
|
||||
key: logic.scaffoldKey,
|
||||
endDrawer: HSHomeDrawer(homeLogic: logic),
|
||||
body: _body(logic),
|
||||
),
|
||||
//右下角活动浮窗
|
||||
const Positioned(right: 12, bottom: 40, child: HomeFloatWidget()),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _body(HomeMainLogic logic) {
|
||||
if (logic.isLoading) return const LoadingCenterWidget();
|
||||
return Column(
|
||||
children: [
|
||||
//顶部搜索栏(状态栏 + 导航栏高度)
|
||||
Container(
|
||||
color: Colors.black,
|
||||
padding: EdgeInsets.only(top: screen.paddingTop),
|
||||
height: kToolbarHeight + screen.paddingTop,
|
||||
child: CommonSearchBarView(logic: logic),
|
||||
),
|
||||
//排序变化时 tabViewKey 变，整个 TabView 连 TabController 一起重建
|
||||
Expanded(
|
||||
child: HomeTabView(key: ValueKey(logic.tabViewKey), logic: logic)),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class HomeTabView extends StatefulWidget {
|
||||
final HomeMainLogic logic;
|
||||
final bool isDarkStyle;
|
||||
|
||||
const HomeTabView({
|
||||
super.key,
|
||||
required this.logic,
|
||||
this.isDarkStyle = false,
|
||||
});
|
||||
|
||||
@override
|
||||
State<HomeTabView> createState() => _HomeTabViewState();
|
||||
}
|
||||
|
||||
class _HomeTabViewState extends State<HomeTabView>
|
||||
with SingleTickerProviderStateMixin {
|
||||
HomeMainLogic get logic => widget.logic;
|
||||
bool get isDarkStyle => widget.isDarkStyle;
|
||||
|
||||
late final TabController tabCtr;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
final count = logic.tabs.length;
|
||||
tabCtr = TabController(
|
||||
// 防止 tab 数量不足时 initialIndex 越界导致断言崩溃
|
||||
initialIndex: count > 0 ? logic.selectedTabIndex.clamp(0, count - 1) : 0,
|
||||
length: count,
|
||||
vsync: this,
|
||||
);
|
||||
tabCtr.addListener(_onTabChange);
|
||||
logic.tabCtr = tabCtr;
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
// controller 在本 State vsync 创建,归本 State 释放(排序换 key 会重建 State)
|
||||
tabCtr.removeListener(_onTabChange);
|
||||
tabCtr.dispose();
|
||||
// 换 key 重建时新 State 可能已把自己的 ctr 写进 logic，只清掉自己那一份
|
||||
if (identical(logic.tabCtr, tabCtr)) logic.tabCtr = null;
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _onTabChange() {
|
||||
if (tabCtr.indexIsChanging) return;
|
||||
if (isDarkStyle) {
|
||||
DarkwebBottomProvider().setScrollController(tabCtr.index);
|
||||
return;
|
||||
}
|
||||
HomeBottomProvider().setScrollController(tabCtr.index);
|
||||
final tabs = logic.tabs;
|
||||
if (tabCtr.index < tabs.length && tabs[tabCtr.index].id == '-110') {
|
||||
// 进入「最新」：清 Tab 红点；默认排序即「今日最新」，一并视为已查看
|
||||
HomeUpdateMarkerProvider().markHomeLatestViewed();
|
||||
HomeUpdateMarkerProvider().markTodayLatestViewed();
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
children: [
|
||||
Container(
|
||||
height: 48.h,
|
||||
color: Colors.black,
|
||||
child: _tabBar(),
|
||||
),
|
||||
Expanded(
|
||||
child: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
if (isDarkStyle) Image.asset("aw_bg.webp".homePath),
|
||||
TabBarView(
|
||||
controller: tabCtr,
|
||||
children: [
|
||||
for (int i = 0; i < logic.tabs.length; i++) _tabPage(i)
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _tabBar() {
|
||||
return Consumer<HomeUpdateMarkerProvider>(
|
||||
builder: (_, marker, __) {
|
||||
return TabBar(
|
||||
tabAlignment: TabAlignment.start,
|
||||
tabs: logic.tabs.map((e) {
|
||||
//「最新」有更新时右上角挂红点
|
||||
final showDot =
|
||||
!isDarkStyle && e.id == '-110' && marker.showHomeLatestDot;
|
||||
return Container(
|
||||
padding: EdgeInsets.symmetric(horizontal: 14.w),
|
||||
alignment: Alignment.center,
|
||||
child: Stack(
|
||||
clipBehavior: Clip.none,
|
||||
children: [
|
||||
Text(e.moduleName ?? ''),
|
||||
if (showDot)
|
||||
Positioned(
|
||||
right: -8,
|
||||
top: -2,
|
||||
child: HomeUpdateMarkerProvider.buildRedDot(),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
isScrollable: true,
|
||||
padding: const EdgeInsets.only(bottom: 2),
|
||||
labelPadding: EdgeInsets.zero,
|
||||
unselectedLabelStyle: const TextStyle(fontSize: 14),
|
||||
unselectedLabelColor: const Color(0x73FFFFFF),
|
||||
labelStyle:
|
||||
const TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
||||
labelColor:
|
||||
isDarkStyle ? const Color(0xff810906) : const Color(0xE5FFFFFF),
|
||||
indicator: CustomIndicator(
|
||||
height: 2,
|
||||
width: 16.w,
|
||||
color: const Color(0xfff68804),
|
||||
offsetY: 4,
|
||||
),
|
||||
controller: tabCtr,
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/// 按 module type/showType/isACG 分发到对应子页，统一 keepAlive
|
||||
Widget _tabPage(int index) {
|
||||
final module = logic.tabs[index];
|
||||
if (module.type == 1 || module.type == 3) {
|
||||
//showType==2 走分区聚合页，其余走排序列表页
|
||||
return module.showType == 2
|
||||
? HomeTabSectionPage(index, module, isDarkStyle: isDarkStyle)
|
||||
.keepAlive
|
||||
: HomeTabSortPage(index, module, isDarkStyle: isDarkStyle).keepAlive;
|
||||
}
|
||||
if (module.isACG) {
|
||||
return CartoonSubDetailPage(tagData: module, type: MediaStyle.Cartoon)
|
||||
.keepAlive;
|
||||
}
|
||||
return HomeTabSortPage(index, module, isDarkStyle: isDarkStyle).keepAlive;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user