118 lines
3.2 KiB
Dart
118 lines
3.2 KiB
Dart
import 'dart:math';
|
|
|
|
import 'package:aves/model/app/contributors.dart';
|
|
import 'package:aves/theme/text.dart';
|
|
import 'package:aves/widgets/about/title.dart';
|
|
import 'package:aves/widgets/common/basic/text/change_highlight.dart';
|
|
import 'package:aves/widgets/common/extensions/build_context.dart';
|
|
import 'package:collection/collection.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
class AboutTranslators extends StatelessWidget {
|
|
const AboutTranslators({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
AboutSectionTitle(text: context.l10n.aboutTranslatorsSectionTitle),
|
|
const SizedBox(height: 8),
|
|
buildBody(context),
|
|
const SizedBox(height: 16),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
static Widget buildBody(BuildContext context) {
|
|
return _RandomTextSpanHighlighter(
|
|
spans: Contributors.translators.map((v) => v.name).toList(),
|
|
color: Theme.of(context).colorScheme.onPrimary,
|
|
);
|
|
}
|
|
}
|
|
|
|
class _RandomTextSpanHighlighter extends StatefulWidget {
|
|
final List<String> spans;
|
|
final Color color;
|
|
|
|
const _RandomTextSpanHighlighter({
|
|
required this.spans,
|
|
required this.color,
|
|
});
|
|
|
|
@override
|
|
State<_RandomTextSpanHighlighter> createState() => _RandomTextSpanHighlighterState();
|
|
}
|
|
|
|
class _RandomTextSpanHighlighterState extends State<_RandomTextSpanHighlighter> with SingleTickerProviderStateMixin {
|
|
late final AnimationController _controller;
|
|
late final Animation<TextStyle> _animatedStyle;
|
|
late final TextStyle _baseStyle;
|
|
int _highlightedIndex = 0;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
final color = widget.color;
|
|
_baseStyle = TextStyle(
|
|
color: color.withOpacity(.7),
|
|
shadows: [
|
|
Shadow(
|
|
color: color.withOpacity(0),
|
|
blurRadius: 0,
|
|
)
|
|
],
|
|
);
|
|
final highlightStyle = TextStyle(
|
|
color: color.withOpacity(1),
|
|
shadows: [
|
|
Shadow(
|
|
color: color.withOpacity(1),
|
|
blurRadius: 3,
|
|
)
|
|
],
|
|
);
|
|
|
|
_controller = AnimationController(
|
|
duration: const Duration(seconds: 1),
|
|
vsync: this,
|
|
)
|
|
..addListener(() => setState(() {}))
|
|
..addStatusListener((status) {
|
|
if (status == AnimationStatus.forward) {
|
|
_highlightedIndex = Random().nextInt(widget.spans.length);
|
|
}
|
|
})
|
|
..repeat(reverse: true);
|
|
_animatedStyle = ShadowedTextStyleTween(begin: _baseStyle, end: highlightStyle).animate(CurvedAnimation(
|
|
parent: _controller,
|
|
curve: Curves.easeInOutCubic,
|
|
));
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Text.rich(
|
|
TextSpan(
|
|
children: [
|
|
...widget.spans.expandIndexed((i, v) => [
|
|
if (i != 0) const TextSpan(text: AText.separator),
|
|
TextSpan(text: v, style: i == _highlightedIndex ? _animatedStyle.value : _baseStyle),
|
|
])
|
|
],
|
|
),
|
|
strutStyle: const StrutStyle(height: 1.5, forceStrutHeight: true),
|
|
);
|
|
}
|
|
}
|