feat(flutter): 首页顶栏改为通知铃铛入口
This commit is contained in:
1 parent
e32fa58979
commit
524b7f5b35
2 files changed
+56
-24
No files matched your search
@@ -5,10 +5,11 @@ import 'package:flutter/material.dart';
|
|||||||
import '../../../core/theme/app_colors.dart';
|
import '../../../core/theme/app_colors.dart';
|
||||||
import '../../../core/theme/app_dimens.dart';
|
import '../../../core/theme/app_dimens.dart';
|
||||||
import '../../../l10n/app_localizations.dart';
|
import '../../../l10n/app_localizations.dart';
|
||||||
|
import '../../notices/notices_page.dart';
|
||||||
|
|
||||||
const double _searchHeight = 36;
|
const double _searchHeight = 36;
|
||||||
|
|
||||||
/// 首页固定顶栏:搜索、星期与头像入口。
|
/// 首页固定顶栏:搜索、通知与头像入口。
|
||||||
class HomeBrowseHeader extends StatelessWidget {
|
class HomeBrowseHeader extends StatelessWidget {
|
||||||
const HomeBrowseHeader({
|
const HomeBrowseHeader({
|
||||||
super.key,
|
super.key,
|
||||||
@@ -22,7 +23,6 @@ class HomeBrowseHeader extends StatelessWidget {
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final l10n = AppLocalizations.of(context)!;
|
final l10n = AppLocalizations.of(context)!;
|
||||||
final weekday = _weekday(l10n);
|
|
||||||
return SizedBox(
|
return SizedBox(
|
||||||
height: AppDimens.contentHeaderHeight,
|
height: AppDimens.contentHeaderHeight,
|
||||||
child: Padding(
|
child: Padding(
|
||||||
@@ -33,7 +33,7 @@ class HomeBrowseHeader extends StatelessWidget {
|
|||||||
children: [
|
children: [
|
||||||
Expanded(child: _search(l10n, onSearch)),
|
Expanded(child: _search(l10n, onSearch)),
|
||||||
const SizedBox(width: AppDimens.spaceSm),
|
const SizedBox(width: AppDimens.spaceSm),
|
||||||
_weekdayText(weekday),
|
_notifications(context, l10n),
|
||||||
const SizedBox(width: AppDimens.spaceSm),
|
const SizedBox(width: AppDimens.spaceSm),
|
||||||
_profile(l10n),
|
_profile(l10n),
|
||||||
],
|
],
|
||||||
@@ -42,18 +42,6 @@ class HomeBrowseHeader extends StatelessWidget {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
String _weekday(AppLocalizations l10n) {
|
|
||||||
return switch (DateTime.now().weekday) {
|
|
||||||
DateTime.monday => l10n.weekdayMon,
|
|
||||||
DateTime.tuesday => l10n.weekdayTue,
|
|
||||||
DateTime.wednesday => l10n.weekdayWed,
|
|
||||||
DateTime.thursday => l10n.weekdayThu,
|
|
||||||
DateTime.friday => l10n.weekdayFri,
|
|
||||||
DateTime.saturday => l10n.weekdaySat,
|
|
||||||
_ => l10n.weekdaySun,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget _search(AppLocalizations l10n, VoidCallback onTap) {
|
Widget _search(AppLocalizations l10n, VoidCallback onTap) {
|
||||||
return Semantics(
|
return Semantics(
|
||||||
button: true,
|
button: true,
|
||||||
@@ -95,14 +83,29 @@ class HomeBrowseHeader extends StatelessWidget {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
Widget _weekdayText(String value) {
|
Widget _notifications(BuildContext context, AppLocalizations l10n) {
|
||||||
return Text(
|
return Semantics(
|
||||||
value,
|
button: true,
|
||||||
key: const Key('home-weekday'),
|
label: l10n.notices,
|
||||||
style: const TextStyle(
|
child: InkWell(
|
||||||
color: AppColors.muted,
|
key: const Key('home-notifications'),
|
||||||
fontSize: AppDimens.caption,
|
customBorder: const CircleBorder(),
|
||||||
fontWeight: FontWeight.w600,
|
onTap: () => Navigator.of(
|
||||||
|
context,
|
||||||
|
).push(MaterialPageRoute<void>(builder: (_) => const NoticesPage())),
|
||||||
|
child: Container(
|
||||||
|
width: AppDimens.tapTarget,
|
||||||
|
height: AppDimens.tapTarget,
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: AppColors.card,
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
),
|
||||||
|
child: const Icon(
|
||||||
|
Icons.notifications_none_rounded,
|
||||||
|
color: AppColors.onSurface,
|
||||||
|
size: AppDimens.accountIcon,
|
||||||
|
),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -63,7 +63,7 @@ void main() {
|
|||||||
|
|
||||||
expect(find.byKey(const Key('home-search')), findsOneWidget);
|
expect(find.byKey(const Key('home-search')), findsOneWidget);
|
||||||
expect(find.byKey(const Key('home-profile')), findsOneWidget);
|
expect(find.byKey(const Key('home-profile')), findsOneWidget);
|
||||||
expect(find.byKey(const Key('home-weekday')), findsOneWidget);
|
expect(find.byKey(const Key('home-notifications')), findsOneWidget);
|
||||||
for (final channel in ['hot', 'free', 'newReleases', 'ranking']) {
|
for (final channel in ['hot', 'free', 'newReleases', 'ranking']) {
|
||||||
expect(find.byKey(Key('home-channel-$channel')), findsOneWidget);
|
expect(find.byKey(Key('home-channel-$channel')), findsOneWidget);
|
||||||
}
|
}
|
||||||
@@ -76,6 +76,35 @@ void main() {
|
|||||||
expect(tester.takeException(), isNull);
|
expect(tester.takeException(), isNull);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
testWidgets('should_open_notices_when_bell_is_tapped', (tester) async {
|
||||||
|
SharedPreferencesAsyncPlatform.instance =
|
||||||
|
InMemorySharedPreferencesAsync.empty();
|
||||||
|
tester.view.physicalSize = const Size(390, 844);
|
||||||
|
tester.view.devicePixelRatio = 1;
|
||||||
|
addTearDown(tester.view.resetPhysicalSize);
|
||||||
|
addTearDown(tester.view.resetDevicePixelRatio);
|
||||||
|
final catalog = FakeCatalogRepository();
|
||||||
|
await tester.pumpWidget(
|
||||||
|
LumaDramaApp(
|
||||||
|
playerFactory: createWidgetPlayer,
|
||||||
|
catalogRepository: catalog,
|
||||||
|
categoryRepository: FakeCategoryRepository(catalog: catalog),
|
||||||
|
watchHistoryRepository: InMemoryWatchHistoryRepository(),
|
||||||
|
favoriteRepository: InMemoryFavoriteRepository(cards: catalog.dramas),
|
||||||
|
playbackRepository: FakePlaybackRepository(),
|
||||||
|
commentRepository: FakeCommentRepository(),
|
||||||
|
interactionRepository: FakeInteractionRepository(),
|
||||||
|
noticeRepository: FakeNoticeRepository(),
|
||||||
|
haptics: FakeHaptics(),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
await tester.pumpAndSettle();
|
||||||
|
|
||||||
|
await tester.tap(find.byKey(const Key('home-notifications')));
|
||||||
|
await tester.pumpAndSettle();
|
||||||
|
expect(find.byKey(const Key('notices-page')), findsOneWidget);
|
||||||
|
});
|
||||||
|
|
||||||
testWidgets('should_use_episode_title_then_drama_title_as_fallback', (
|
testWidgets('should_use_episode_title_then_drama_title_as_fallback', (
|
||||||
tester,
|
tester,
|
||||||
) async {
|
) async {
|
||||||
|
|||||||
Reference in new issue
Block a user