mirrors/pilipala
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mod: 替换无状态组件

Browse Source
This commit is contained in:
guozhigq
2023-05-27 10:54:36 +08:00
parent c2aeb443a0
commit 0d49f9824c
7 changed files with 101 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
lib/common/skeleton/video_card_h.dart
View File

@ -2,14 +2,9 @@ import 'package:pilipala/common/constants.dart';
import 'package:flutter/material.dart';
import 'skeleton.dart';
class VideoCardHSkeleton extends StatefulWidget {
class VideoCardHSkeleton extends StatelessWidget {
const VideoCardHSkeleton({super.key});
@override
State<VideoCardHSkeleton> createState() => _VideoCardHSkeletonState();
}
class _VideoCardHSkeletonState extends State<VideoCardHSkeleton> {
@override
Widget build(BuildContext context) {
return Skeleton(

11
lib/pages/home/widgets/app_bar.dart
View File

@ -47,12 +47,15 @@ class HomeAppBar extends StatelessWidget {
IconButton(
onPressed: () {
Get.bottomSheet(
const SizedBox(
Builder(builder: (context) {
return const SizedBox(
height: 450,
child: MinePage(),
),
clipBehavior: Clip.hardEdge,
isScrollControlled: true);
);
}),
clipBehavior: Clip.hardEdge,
isScrollControlled: true,
);
},
icon: const Icon(CupertinoIcons.person, size: 22),
),

47
lib/pages/media/view.dart
View File

@ -4,29 +4,12 @@ import 'package:pilipala/common/widgets/network_img_layer.dart';
import 'package:pilipala/models/user/fav_folder.dart';
import 'package:pilipala/pages/media/index.dart';
class MediaPage extends StatefulWidget {
class MediaPage extends StatelessWidget {
const MediaPage({super.key});
@override
State<MediaPage> createState() => _MediaPageState();
}
class _MediaPageState extends State<MediaPage>
with AutomaticKeepAliveClientMixin {
final MediaController _mediaController = Get.put(MediaController());
Future? _futureBuilderFuture;
@override
bool get wantKeepAlive => false;
@override
void initState() {
super.initState();
_futureBuilderFuture = _mediaController.queryFavFolder();
}
@override
Widget build(BuildContext context) {
final MediaController mediaController = Get.put(MediaController());
Color primary = Theme.of(context).colorScheme.primary;
return Scaffold(
appBar: AppBar(toolbarHeight: 30),
@ -45,7 +28,7 @@ class _MediaPageState extends State<MediaPage>
),
),
),
for (var i in _mediaController.list) ...[
for (var i in mediaController.list) ...[
ListTile(
onTap: () => i['onTap'](),
dense: true,
@ -65,15 +48,15 @@ class _MediaPageState extends State<MediaPage>
),
),
],
Obx(() => _mediaController.userLogin.value == true
? favFolder()
Obx(() => mediaController.userLogin.value == true
? favFolder(mediaController, context)
: const SizedBox())
],
),
);
}
Widget favFolder() {
Widget favFolder(mediaController, context) {
return Column(
children: [
Divider(
@ -97,9 +80,9 @@ class _MediaPageState extends State<MediaPage>
Theme.of(context).textTheme.titleMedium!.fontSize,
fontWeight: FontWeight.bold),
),
if (_mediaController.favFolderData.value.count != null)
if (mediaController.favFolderData.value.count != null)
TextSpan(
text: _mediaController.favFolderData.value.count
text: mediaController.favFolderData.value.count
.toString(),
style: TextStyle(
fontSize:
@ -113,7 +96,7 @@ class _MediaPageState extends State<MediaPage>
),
),
trailing: IconButton(
onPressed: () => _mediaController.queryFavFolder(),
onPressed: () => mediaController.queryFavFolder(),
icon: const Icon(
Icons.refresh,
size: 20,
@ -125,18 +108,18 @@ class _MediaPageState extends State<MediaPage>
width: double.infinity,
height: 170,
child: FutureBuilder(
future: _futureBuilderFuture,
future: mediaController.queryFavFolder(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
Map data = snapshot.data;
Map data = snapshot.data as Map;
if (data['status']) {
List favFolderList =
_mediaController.favFolderData.value.list!;
mediaController.favFolderData.value.list!;
int favFolderCount =
_mediaController.favFolderData.value.count!;
mediaController.favFolderData.value.count!;
bool flag = favFolderCount > favFolderList.length;
return Obx(() => ListView.builder(
itemCount: _mediaController
itemCount: mediaController
.favFolderData.value.list!.length +
(flag ? 1 : 0),
itemBuilder: (context, index) {
@ -156,7 +139,7 @@ class _MediaPageState extends State<MediaPage>
));
} else {
return FavFolderItem(
item: _mediaController
item: mediaController
.favFolderData.value.list![index],
index: index);
}

69
lib/pages/mine/view.dart
View File

@ -5,18 +5,13 @@ import 'package:pilipala/common/constants.dart';
import 'package:pilipala/common/widgets/network_img_layer.dart';
import 'controller.dart';
class MinePage extends StatefulWidget {
class MinePage extends StatelessWidget {
const MinePage({super.key});
@override
State<MinePage> createState() => _MinePageState();
}
class _MinePageState extends State<MinePage> {
final MineController _mineController = Get.put(MineController());
@override
Widget build(BuildContext context) {
final MineController mineController = Get.put(MineController());
return Scaffold(
appBar: AppBar(
automaticallyImplyLeading: false,
@ -46,45 +41,39 @@ class _MinePageState extends State<MinePage> {
const SizedBox(width: 10),
],
),
body: RefreshIndicator(
onRefresh: () async {
await _mineController.queryUserInfo();
await _mineController.queryUserStatOwner();
},
child: LayoutBuilder(
builder: (context, constraint) {
return SingleChildScrollView(
physics: const AlwaysScrollableScrollPhysics(),
child: SizedBox(
height: constraint.maxHeight,
child: Column(
children: [
const SizedBox(height: 10),
FutureBuilder(
future: _mineController.queryUserInfo(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
if (snapshot.data['status']) {
return Obx(() => userInfoBuild());
} else {
return userInfoBuild();
}
body: LayoutBuilder(
builder: (context, constraint) {
return SingleChildScrollView(
physics: const NeverScrollableScrollPhysics(),
child: SizedBox(
height: constraint.maxHeight,
child: Column(
children: [
const SizedBox(height: 10),
FutureBuilder(
future: mineController.queryUserInfo(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
if (snapshot.data['status']) {
return Obx(() => userInfoBuild(mineController, context));
} else {
return userInfoBuild();
return userInfoBuild(mineController, context);
}
},
),
],
),
} else {
return userInfoBuild(mineController, context);
}
},
),
],
),
);
},
),
),
);
},
),
);
}
Widget userInfoBuild() {
Widget userInfoBuild(_mineController, context) {
return Column(
children: [
const SizedBox(height: 5),

1
lib/pages/setting/controller.dart
View File

@ -13,6 +13,7 @@ class SettingController extends GetxController {
void onInit() {
super.onInit();
userLogin.value = user.get(UserBoxKey.userLogin) ?? false;
print(userLogin.value);
}
loginOut() async {

14
lib/pages/setting/view.dart
View File

@ -2,17 +2,11 @@ import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:pilipala/pages/setting/index.dart';
class SettingPage extends StatefulWidget {
class SettingPage extends StatelessWidget {
const SettingPage({super.key});
@override
State<SettingPage> createState() => _SettingPageState();
}
class _SettingPageState extends State<SettingPage> {
final SettingController _settingController = Get.put(SettingController());
@override
Widget build(BuildContext context) {
final SettingController settingController = Get.put(SettingController());
return Scaffold(
appBar: AppBar(
title: const Text('设置'),
@ -21,9 +15,9 @@ class _SettingPageState extends State<SettingPage> {
children: [
Obx(
() => Visibility(
visible: _settingController.userLogin.value,
visible: settingController.userLogin.value,
child: ListTile(
onTap: () => _settingController.loginOut(),
onTap: () => settingController.loginOut(),
dense: false,
title: const Text('退出登录'),
),

90
lib/pages/video/detail/related/view.dart
View File

@ -6,60 +6,58 @@ import 'package:pilipala/common/widgets/overlay_pop.dart';
import 'package:pilipala/common/widgets/video_card_h.dart';
import './controller.dart';
class RelatedVideoPanel extends StatefulWidget {
class RelatedVideoPanel extends GetView<ReleatedController> {
const RelatedVideoPanel({super.key});
@override
State<RelatedVideoPanel> createState() => _RelatedVideoPanelState();
}
class _RelatedVideoPanelState extends State<RelatedVideoPanel> {
final ReleatedController _releatedController =
Get.put(ReleatedController(), tag: Get.arguments['heroTag']);
@override
Widget build(BuildContext context) {
return FutureBuilder(
future: _releatedController.queryRelatedVideo(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
if (snapshot.data!['status']) {
// 请求成功
return SliverList(
delegate: SliverChildBuilderDelegate((context, index) {
if (index == snapshot.data['data'].length) {
return SizedBox(height: MediaQuery.of(context).padding.bottom);
return GetBuilder(
init: ReleatedController(),
id: Get.arguments['heroTag'],
builder: (context) {
return FutureBuilder(
future: ReleatedController().queryRelatedVideo(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
if (snapshot.data!['status']) {
// 请求成功
return SliverList(
delegate: SliverChildBuilderDelegate((context, index) {
if (index == snapshot.data['data'].length) {
return SizedBox(
height: MediaQuery.of(context).padding.bottom);
} else {
return VideoCardH(
videoItem: snapshot.data['data'][index],
longPress: () {
ReleatedController().popupDialog =
_createPopupDialog(snapshot.data['data'][index]);
Overlay.of(context)
.insert(ReleatedController().popupDialog!);
},
longPressEnd: () {
ReleatedController().popupDialog?.remove();
},
);
}
}, childCount: snapshot.data['data'].length + 1));
} else {
// 请求错误
return const Center(
child: Text('出错了'),
);
}
} else {
return VideoCardH(
videoItem: snapshot.data['data'][index],
longPress: () {
_releatedController.popupDialog =
_createPopupDialog(snapshot.data['data'][index]);
Overlay.of(context)
.insert(_releatedController.popupDialog!);
},
longPressEnd: () {
_releatedController.popupDialog?.remove();
},
// 骨架屏
return SliverList(
delegate: SliverChildBuilderDelegate((context, index) {
return const VideoCardHSkeleton();
}, childCount: 5),
);
}
}, childCount: snapshot.data['data'].length + 1));
} else {
// 请求错误
return const Center(
child: Text('出错了'),
);
}
} else {
// 骨架屏
return SliverList(
delegate: SliverChildBuilderDelegate((context, index) {
return const VideoCardHSkeleton();
}, childCount: 5),
},
);
}
},
);
});
}
OverlayEntry _createPopupDialog(videoItem) {