v1.0.1
This commit is contained in:
223
lib/modules/index/index_page.dart
Normal file
223
lib/modules/index/index_page.dart
Normal file
@@ -0,0 +1,223 @@
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter_dmzj/app/app_style.dart';
|
||||
import 'package:flutter_dmzj/app/platform_utils.dart';
|
||||
import 'package:flutter_dmzj/modules/common/empty_page.dart';
|
||||
import 'package:flutter_dmzj/modules/index/index_controller.dart';
|
||||
import 'package:flutter_dmzj/modules/index/windows_index_page.dart';
|
||||
import 'package:flutter_dmzj/routes/app_navigator.dart';
|
||||
import 'package:flutter_dmzj/routes/app_pages.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:remixicon/remixicon.dart';
|
||||
|
||||
class IndexPage extends GetView<IndexController> {
|
||||
const IndexPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// Windows平台使用Fluent UI的NavigationView
|
||||
if (PlatformUtils.isWindows) {
|
||||
return const WindowsIndexPage();
|
||||
}
|
||||
final content = _buildContentNavigator();
|
||||
final indexStack = _buildIndexStack();
|
||||
return OrientationBuilder(
|
||||
builder: (context, orientation) {
|
||||
return orientation == Orientation.landscape
|
||||
? _buildWide(context, indexStack, content)
|
||||
: _buildNarrow(context, indexStack, content);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildNarrow(BuildContext context, Widget indexStack, Widget content) {
|
||||
return Stack(
|
||||
children: [
|
||||
Obx(
|
||||
() => Scaffold(
|
||||
body: indexStack,
|
||||
bottomNavigationBar: NavigationBar(
|
||||
selectedIndex: controller.index.value,
|
||||
onDestinationSelected: controller.setIndex,
|
||||
destinations: const [
|
||||
NavigationDestination(
|
||||
icon: Icon(Remix.bear_smile_line),
|
||||
selectedIcon: Icon(Remix.bear_smile_fill),
|
||||
label: "漫画",
|
||||
),
|
||||
NavigationDestination(
|
||||
icon: Icon(Remix.article_line),
|
||||
selectedIcon: Icon(Remix.article_fill),
|
||||
label: "资讯",
|
||||
),
|
||||
NavigationDestination(
|
||||
icon: Icon(Remix.book_open_line),
|
||||
selectedIcon: Icon(Remix.book_open_fill),
|
||||
label: "轻小说",
|
||||
),
|
||||
NavigationDestination(
|
||||
icon: Icon(Remix.user_smile_line),
|
||||
selectedIcon: Icon(Remix.user_smile_fill),
|
||||
label: "我的",
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Obx(
|
||||
() => IgnorePointer(
|
||||
ignoring: !controller.showContent.value,
|
||||
child: content,
|
||||
),
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildWide(BuildContext context, Widget indexStack, Widget content) {
|
||||
return Scaffold(
|
||||
body: Row(
|
||||
children: [
|
||||
Obx(
|
||||
() => Padding(
|
||||
padding: const EdgeInsets.only(right: 2),
|
||||
child: NavigationRail(
|
||||
elevation: 2,
|
||||
labelType: NavigationRailLabelType.all,
|
||||
onDestinationSelected: controller.setIndex,
|
||||
selectedIndex: controller.index.value,
|
||||
leading: SizedBox(
|
||||
height: AppStyle.statusBarHeight,
|
||||
),
|
||||
selectedLabelTextStyle: TextStyle(
|
||||
fontSize: 10,
|
||||
color: Theme.of(context).colorScheme.secondary,
|
||||
),
|
||||
unselectedLabelTextStyle: TextStyle(
|
||||
fontSize: 10,
|
||||
color: Theme.of(context).textTheme.bodyLarge?.color,
|
||||
),
|
||||
destinations: const [
|
||||
NavigationRailDestination(
|
||||
icon: Icon(Remix.bear_smile_line),
|
||||
label: Text("漫画"),
|
||||
),
|
||||
NavigationRailDestination(
|
||||
icon: Icon(Remix.article_line),
|
||||
label: Text("资讯"),
|
||||
),
|
||||
NavigationRailDestination(
|
||||
icon: Icon(Remix.book_open_line),
|
||||
label: Text("轻小说"),
|
||||
),
|
||||
NavigationRailDestination(
|
||||
icon: Icon(Remix.user_smile_line),
|
||||
label: Text("我的"),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
// constraints: const BoxConstraints(maxWidth: 450),
|
||||
width: 450,
|
||||
decoration: BoxDecoration(
|
||||
border: Border(
|
||||
right: BorderSide(
|
||||
color: Colors.grey.withOpacity(.1),
|
||||
),
|
||||
),
|
||||
),
|
||||
child: indexStack,
|
||||
),
|
||||
Expanded(
|
||||
child: content,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildIndexStack() {
|
||||
return Obx(
|
||||
() => IndexedStack(
|
||||
key: controller.indexKey,
|
||||
index: controller.index.value,
|
||||
children: controller.pages,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 子路由
|
||||
Widget _buildContentNavigator() {
|
||||
/// 拦截子路由的返回
|
||||
return PopScope(
|
||||
canPop: false,
|
||||
onPopInvoked: (didPop) {
|
||||
if (!didPop) {
|
||||
if (Navigator.canPop(Get.context!)) {
|
||||
Get.back();
|
||||
return;
|
||||
} else if (AppNavigator.subNavigatorKey!.currentState!.canPop()) {
|
||||
AppNavigator.subNavigatorKey!.currentState!.pop();
|
||||
return;
|
||||
}
|
||||
|
||||
if (controller.doubleClickExit) {
|
||||
controller.doubleClickTimer?.cancel();
|
||||
SystemNavigator.pop();
|
||||
return;
|
||||
}
|
||||
controller.setDoubleExitFlag();
|
||||
}
|
||||
},
|
||||
// onWillPop: () async {
|
||||
// if (Navigator.canPop(Get.context!)) {
|
||||
// return true;
|
||||
// }
|
||||
// if (AppNavigator.subNavigatorKey!.currentState!.canPop()) {
|
||||
// AppNavigator.subNavigatorKey!.currentState!.pop();
|
||||
// return false;
|
||||
// }
|
||||
// return true;
|
||||
// },
|
||||
child: ClipRect(
|
||||
child: Navigator(
|
||||
key: AppNavigator.subNavigatorKey,
|
||||
initialRoute: '/',
|
||||
onUnknownRoute: (settings) => GetPageRoute(
|
||||
page: () => const EmptyPage(),
|
||||
),
|
||||
observers: [
|
||||
SubNavigatorObserver(),
|
||||
],
|
||||
onGenerateRoute: AppPages.generateSubRoute,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// 子路由监听
|
||||
class SubNavigatorObserver extends NavigatorObserver {
|
||||
@override
|
||||
void didPush(Route route, Route? previousRoute) {
|
||||
super.didPush(route, previousRoute);
|
||||
if (previousRoute != null) {
|
||||
var routeName = route.settings.name ?? "";
|
||||
AppNavigator.currentContentRouteName = routeName;
|
||||
Get.find<IndexController>().showContent.value = routeName != '/';
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void didPop(Route route, Route? previousRoute) {
|
||||
super.didPop(route, previousRoute);
|
||||
|
||||
var routeName = previousRoute?.settings.name ?? "";
|
||||
AppNavigator.currentContentRouteName = routeName;
|
||||
Get.find<IndexController>().showContent.value = routeName != '/';
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user