Creepso/mangayomi-mirror
1
0
Fork 0
mirror of https://github.com/kodjodevf/mangayomi.git synced 2026-03-11 17:25:32 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: simplify CustomFloatingActionBtn and remove unnecessary width calculations

Browse source
This commit is contained in:
Moustapha Kodjo Amadou 2025-11-11 15:27:12 +01:00
parent beedb6e3b9
commit a9c8320f20
3 changed files with 42 additions and 70 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
lib/modules/manga/detail/manga_details_view.dart
View file

@ -100,15 +100,6 @@ class _MangaDetailsViewState extends ConsumerState<MangaDetailsView> {
onPressed: () {
chap.pushToReaderView(context);
},
textWidth: measureText(
l10n.resume,
Theme.of(context).textTheme.labelLarge!,
).width,
width: calculateDynamicButtonWidth(
l10n.resume,
Theme.of(context).textTheme.labelLarge!,
50,
), // 50 Padding, else RenderFlex overflow Exception
);
}
return CustomFloatingActionBtn(
@ -122,15 +113,6 @@ class _MangaDetailsViewState extends ConsumerState<MangaDetailsView> {
.last
.pushToReaderView(context);
},
textWidth: measureText(
buttonLabel,
Theme.of(context).textTheme.labelLarge!,
).width,
width: calculateDynamicButtonWidth(
buttonLabel,
Theme.of(context).textTheme.labelLarge!,
50,
), // 50 Padding, else RenderFlex overflow Exception
);
}
return CustomFloatingActionBtn(
@ -144,15 +126,6 @@ class _MangaDetailsViewState extends ConsumerState<MangaDetailsView> {
.last
.pushToReaderView(context);
},
textWidth: measureText(
buttonLabel,
Theme.of(context).textTheme.labelLarge!,
).width,
width: calculateDynamicButtonWidth(
buttonLabel,
Theme.of(context).textTheme.labelLarge!,
50,
), // 50 Padding, else RenderFlex overflow Exception
);
},
)

76
lib/modules/manga/detail/widgets/custom_floating_action_btn.dart
View file

@ -5,52 +5,60 @@ class CustomFloatingActionBtn extends StatelessWidget {
final bool isExtended;
final VoidCallback onPressed;
final String label;
final double width;
final double textWidth;
const CustomFloatingActionBtn({
super.key,
required this.isExtended,
required this.onPressed,
required this.label,
required this.width,
required this.textWidth,
});
@override
Widget build(BuildContext context) {
return AnimatedContainer(
height: 55,
width: !isExtended ? 63 : width,
duration: const Duration(milliseconds: 200),
curve: Curves.easeIn,
child: FloatingActionButton(
const duration = Duration(milliseconds: 250);
const curve = Curves.easeInOut;
return AnimatedSize(
duration: duration,
curve: curve,
alignment: Alignment.centerRight,
child: FloatingActionButton.extended(
backgroundColor: context.primaryColor,
foregroundColor: Colors.white,
elevation: 4,
highlightElevation: 8,
onPressed: onPressed,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Row(
children: [
const Icon(Icons.play_arrow, color: Colors.white),
AnimatedContainer(
curve: Curves.easeIn,
width: !isExtended ? 0 : 5,
duration: const Duration(milliseconds: 200),
),
],
),
AnimatedContainer(
curve: Curves.easeIn,
width: !isExtended ? 0 : textWidth,
duration: const Duration(milliseconds: 200),
child: Text(
label,
overflow: TextOverflow.ellipsis,
style: const TextStyle(fontSize: 14, color: Colors.white),
),
),
],
extendedIconLabelSpacing: 0,
extendedPadding: EdgeInsets.symmetric(horizontal: 16),
icon: const Icon(Icons.play_arrow_rounded, size: 24),
label: AnimatedSwitcher(
duration: duration,
switchInCurve: curve,
switchOutCurve: curve,
transitionBuilder: (child, animation) {
return SizeTransition(
sizeFactor: animation,
axis: Axis.horizontal,
axisAlignment: -1,
child: FadeTransition(opacity: animation, child: child),
);
},
child: isExtended
? Padding(
key: const ValueKey('extended'),
padding: const EdgeInsets.symmetric(horizontal: 8.0),
child: Text(
label,
overflow: TextOverflow.ellipsis,
maxLines: 1,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
letterSpacing: 0.5,
),
),
)
: const SizedBox.shrink(key: ValueKey('collapsed')),
),
),
);

9
lib/modules/more/download_queue/download_queue_screen.dart
View file

@ -173,15 +173,6 @@ class DownloadQueueScreen extends ConsumerWidget {
onPressed: () {
ref.read(processDownloadsProvider());
},
textWidth: measureText(
l10n.download_queue,
Theme.of(context).textTheme.labelLarge!,
).width,
width: calculateDynamicButtonWidth(
l10n.download_queue,
Theme.of(context).textTheme.labelLarge!,
50,
), // 50 Padding, else RenderFlex overflow Exception
),
);
}