Added support for marquee text on album's with long descriptions and static text for those with short ones

This commit is contained in:
Stelios Papamichail 2022-04-01 01:20:01 +03:00
parent c27b497c4b
commit 2fd5d6fe9c
3 changed files with 55 additions and 9 deletions

View File

@ -1,5 +1,6 @@
import 'package:cached_network_image/cached_network_image.dart'; import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:marquee/marquee.dart';
class PlaybuttonCard extends StatelessWidget { class PlaybuttonCard extends StatelessWidget {
final void Function()? onTap; final void Function()? onTap;
@ -82,7 +83,7 @@ class PlaybuttonCard extends StatelessWidget {
const SizedBox(height: 5), const SizedBox(height: 5),
Padding( Padding(
padding: padding:
const EdgeInsets.symmetric(horizontal: 8, vertical: 10), const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
child: Column( child: Column(
children: [ children: [
Tooltip( Tooltip(
@ -95,17 +96,47 @@ class PlaybuttonCard extends StatelessWidget {
), ),
if (description != null) ...[ if (description != null) ...[
const SizedBox(height: 10), const SizedBox(height: 10),
Text( SizedBox(
height: 30,
child: description!.length > 30
? Marquee(
text: description!,
style: TextStyle(
fontSize: 13,
color: Theme.of(context)
.textTheme
.headline4
?.color,
),
scrollAxis: Axis.horizontal,
crossAxisAlignment: CrossAxisAlignment.start,
blankSpace: 60.0,
velocity: 30.0,
startAfter: const Duration(seconds: 2),
pauseAfterRound: const Duration(seconds: 2),
startPadding: 10.0,
accelerationDuration:
const Duration(seconds: 1),
accelerationCurve: Curves.linear,
decelerationDuration:
const Duration(milliseconds: 500),
decelerationCurve: Curves.easeOut,
)
: Text(
description!, description!,
style: TextStyle( style: TextStyle(
fontSize: 13, fontSize: 13,
color: Theme.of(context).textTheme.headline4?.color, color: Theme.of(context)
.textTheme
.headline4
?.color,
),
),
), ),
)
] ]
], ],
), ),
) ),
], ],
), ),
), ),

View File

@ -169,6 +169,13 @@ packages:
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "1.0.4" version: "1.0.4"
fading_edge_scrollview:
dependency: transitive
description:
name: fading_edge_scrollview
url: "https://pub.dartlang.org"
source: hosted
version: "2.0.1"
fake_async: fake_async:
dependency: transitive dependency: transitive
description: description:
@ -387,6 +394,13 @@ packages:
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "1.0.2" version: "1.0.2"
marquee:
dependency: "direct main"
description:
name: marquee
url: "https://pub.dartlang.org"
source: hosted
version: "2.2.1"
matcher: matcher:
dependency: transitive dependency: transitive
description: description:

View File

@ -58,6 +58,7 @@ dependencies:
just_audio_background: ^0.0.1-beta.5 just_audio_background: ^0.0.1-beta.5
logger: ^1.1.0 logger: ^1.1.0
permission_handler: ^9.2.0 permission_handler: ^9.2.0
marquee: ^2.2.1
dev_dependencies: dev_dependencies:
flutter_test: flutter_test: