jianghaifeng/ReelShort
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(flutter): 调整播放页底部信息排版

Browse Source
This commit is contained in:
Zhou Weidong committed 2026-10-20 11:55:28 +08:00
1 parent 55d22a9940
commit d25519bed7
11 files changed
+236 -77
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

lib/l10n/app_en.arb
+1
View File
@@ -41,6 +41,7 @@
"seasonOneOriginalRelease": "Season 1 • Original Release",
"startWatching": "Start Watching",
"showLess": "Less",
"expandSynopsis": "More",
"views": "views",
"episodeOfTotal": "Episode {current} / {total}",
"@episodeOfTotal": {
lib/l10n/app_id.arb
+1
View File
@@ -41,6 +41,7 @@
"seasonOneOriginalRelease": "Musim 1 • Rilis Orisinal",
"startWatching": "Mulai Menonton",
"showLess": "Lebih sedikit",
"expandSynopsis": "Selengkapnya",
"views": "tayangan",
"episodeOfTotal": "Episode {current} / {total}",
"@episodeOfTotal": {
lib/l10n/app_localizations.dart
+6
View File
@@ -346,6 +346,12 @@ abstract class AppLocalizations {
/// **'Less'**
String get showLess;
/// No description provided for @expandSynopsis.
///
/// In en, this message translates to:
/// **'More'**
String get expandSynopsis;
/// No description provided for @views.
///
/// In en, this message translates to:
lib/l10n/app_localizations_en.dart
+3
View File
@@ -134,6 +134,9 @@ class AppLocalizationsEn extends AppLocalizations {
@override
String get showLess => 'Less';
@override
String get expandSynopsis => 'More';
@override
String get views => 'views';
lib/l10n/app_localizations_id.dart
+3
View File
@@ -134,6 +134,9 @@ class AppLocalizationsId extends AppLocalizations {
@override
String get showLess => 'Lebih sedikit';
@override
String get expandSynopsis => 'Selengkapnya';
@override
String get views => 'tayangan';
lib/l10n/app_localizations_zh.dart
+3
View File
@@ -131,6 +131,9 @@ class AppLocalizationsZh extends AppLocalizations {
@override
String get showLess => '收起';
@override
String get expandSynopsis => '展开';
@override
String get views => '次播放';
lib/l10n/app_zh.arb
+1
View File
@@ -41,6 +41,7 @@
"seasonOneOriginalRelease": "第 1 季 · 原创上线",
"startWatching": "开始观看",
"showLess": "收起",
"expandSynopsis": "展开",
"views": "次播放",
"episodeOfTotal": "第 {current} 集 / 共 {total} 集",
"@episodeOfTotal": {
lib/pages/player/widgets/player_overlay.dart
+9 -9
View File
@@ -206,7 +206,7 @@ class PlayerPlaybackOverlay extends StatelessWidget {
padding: const EdgeInsets.symmetric(vertical: 1),
child: Row(
children: [
Expanded(
Flexible(
child: Text(
series,
key: const Key('player-drama-title'),
@@ -221,7 +221,7 @@ class PlayerPlaybackOverlay extends StatelessWidget {
),
),
),
const SizedBox(width: 6),
const SizedBox(width: 4),
const Icon(
Icons.chevron_right_rounded,
color: AppColors.playerMuted,
@@ -245,16 +245,16 @@ class PlayerPlaybackOverlay extends StatelessWidget {
child: Material(
key: const Key('player-episodes-pill'),
color: AppColors.playerOverlayPill,
borderRadius: BorderRadius.circular(999),
borderRadius: BorderRadius.circular(7),
clipBehavior: Clip.antiAlias,
child: InkWell(
key: const Key('player-episodes'),
onTap: actions.onEpisodes,
borderRadius: BorderRadius.circular(999),
borderRadius: BorderRadius.circular(7),
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 4,
horizontal: 14,
vertical: 8,
),
child: Row(
children: [
@@ -267,8 +267,8 @@ class PlayerPlaybackOverlay extends StatelessWidget {
overflow: TextOverflow.ellipsis,
style: const TextStyle(
color: AppColors.onPrimary,
fontSize: 11,
fontWeight: FontWeight.w700,
fontSize: 13.5,
fontWeight: FontWeight.w800,
shadows: _playerTextShadows,
),
),
@@ -277,7 +277,7 @@ class PlayerPlaybackOverlay extends StatelessWidget {
const Icon(
Icons.keyboard_arrow_up_rounded,
color: AppColors.onPrimary,
size: 16,
size: 18,
shadows: _playerTextShadows,
),
],
lib/pages/player/widgets/player_overlay_parts.dart
+87 -65
View File
@@ -90,7 +90,7 @@ class _BottomIconButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
return SizedBox.square(
dimension: 30,
dimension: 40,
child: IconButton(
tooltip: tooltip,
padding: EdgeInsets.zero,
@@ -99,7 +99,7 @@ class _BottomIconButton extends StatelessWidget {
foregroundColor: AppColors.onPrimary,
),
onPressed: onPressed,
icon: Icon(icon, size: 17),
icon: Icon(icon, size: 22),
),
);
}
@@ -235,78 +235,100 @@ class _EpisodeSynopsis extends StatefulWidget {
class _EpisodeSynopsisState extends State<_EpisodeSynopsis> {
bool _expanded = false;
static const TextStyle _labelStyle = TextStyle(
color: AppColors.onPrimary,
fontSize: 12,
fontWeight: FontWeight.w700,
shadows: _playerTextShadows,
);
static const TextStyle _synopsisStyle = TextStyle(
color: AppColors.playerMuted,
fontSize: 12,
height: 1.35,
shadows: _playerTextShadows,
);
@override
Widget build(BuildContext context) {
return Material(
color: Colors.transparent,
child: InkWell(
key: const Key('player-synopsis-toggle'),
onTap: () => setState(() => _expanded = !_expanded),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
return Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.baseline,
textBaseline: TextBaseline.alphabetic,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
widget.l10n.episodeLabel(widget.episodeNumber),
key: const Key('player-episode-label'),
style: TextStyle(
color: AppColors.onPrimary,
fontSize: 11,
fontWeight: FontWeight.w700,
shadows: _playerTextShadows,
),
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 6),
child: Text(
'|',
style: TextStyle(
color: Colors.white54,
shadows: _playerTextShadows,
),
),
),
Expanded(
child: Text(
widget.synopsis,
key: const Key('player-synopsis'),
maxLines: _expanded ? 3 : 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: AppColors.playerMuted,
fontSize: 11,
height: 1.35,
shadows: _playerTextShadows,
),
),
),
const SizedBox(width: 4),
Icon(
_expanded
? Icons.keyboard_arrow_up_rounded
: Icons.keyboard_arrow_down_rounded,
color: AppColors.playerMuted,
size: 16,
shadows: _playerTextShadows,
),
],
Text(
widget.l10n.episodeLabel(widget.episodeNumber),
key: const Key('player-episode-label'),
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: _labelStyle,
),
if (_expanded && widget.authorNote.isNotEmpty) ...[
const SizedBox(height: 4),
Text(
widget.authorNote,
key: const Key('player-author-note'),
style: const TextStyle(
color: AppColors.playerMuted,
fontSize: 10,
const Padding(
padding: EdgeInsets.symmetric(horizontal: 6),
child: Text(
'|',
maxLines: 1,
style: TextStyle(
color: Colors.white54,
fontSize: 12,
shadows: _playerTextShadows,
),
),
],
),
Flexible(
child: Text(
widget.synopsis,
key: const Key('player-synopsis'),
maxLines: _expanded ? null : 1,
overflow: _expanded ? TextOverflow.clip : TextOverflow.ellipsis,
style: _synopsisStyle,
),
),
if (!_expanded) _toggle(widget.l10n.expandSynopsis),
],
),
if (_expanded) ...[
if (widget.authorNote.isNotEmpty) ...[
const SizedBox(height: 4),
Text(
widget.authorNote,
key: const Key('player-author-note'),
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
color: AppColors.playerMuted,
fontSize: 10,
shadows: _playerTextShadows,
),
),
],
_toggle(widget.l10n.showLess),
],
],
);
}
Widget _toggle(String label) {
return InkWell(
key: const Key('player-synopsis-toggle'),
onTap: () => setState(() => _expanded = !_expanded),
borderRadius: BorderRadius.circular(4),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 1),
child: Text(
label,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
color: AppColors.blue,
fontSize: 12,
fontWeight: FontWeight.w700,
shadows: _playerTextShadows,
),
),
),
);
}
lib/pages/player/widgets/seek_progress_bar.dart
+2
View File
@@ -144,6 +144,8 @@ class _SeekProgressBarState extends State<SeekProgressBar> {
label: widget.semanticsLabel,
child: Slider(
value: fraction,
// 轨道与上方文案共用同一层水平内边距，避免 Slider 默认内缩。
padding: EdgeInsets.zero,
onChangeStart: enabled
? (value) {
_previewFraction.value = value;