91 lines
2.9 KiB
Dart
91 lines
2.9 KiB
Dart
import 'package:flutter/cupertino.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:please_pay_me/theme/tokens.dart';
|
|
|
|
/// Semantic text following the iOS type scale.
|
|
class AppText extends StatelessWidget {
|
|
const AppText(
|
|
this.data, {
|
|
super.key,
|
|
this.style = AppTypography.body,
|
|
this.color = AppColors.label,
|
|
this.maxLines,
|
|
this.overflow,
|
|
this.textAlign,
|
|
});
|
|
|
|
const AppText.largeTitle(this.data, {super.key, this.color = AppColors.label, this.maxLines, this.overflow, this.textAlign})
|
|
: style = AppTypography.largeTitle;
|
|
|
|
const AppText.title(this.data, {super.key, this.color = AppColors.label, this.maxLines, this.overflow, this.textAlign})
|
|
: style = AppTypography.title2;
|
|
|
|
const AppText.headline(this.data, {super.key, this.color = AppColors.label, this.maxLines, this.overflow, this.textAlign})
|
|
: style = AppTypography.headline;
|
|
|
|
const AppText.body(this.data, {super.key, this.color = AppColors.label, this.maxLines, this.overflow, this.textAlign})
|
|
: style = AppTypography.body;
|
|
|
|
const AppText.callout(this.data, {super.key, this.color = AppColors.secondaryLabel, this.maxLines, this.overflow, this.textAlign})
|
|
: style = AppTypography.callout;
|
|
|
|
const AppText.subhead(this.data, {super.key, this.color = AppColors.secondaryLabel, this.maxLines, this.overflow, this.textAlign})
|
|
: style = AppTypography.subhead;
|
|
|
|
const AppText.footnote(this.data, {super.key, this.color = AppColors.secondaryLabel, this.maxLines, this.overflow, this.textAlign})
|
|
: style = AppTypography.footnote;
|
|
|
|
const AppText.caption(this.data, {super.key, this.color = AppColors.tertiaryLabel, this.maxLines, this.overflow, this.textAlign})
|
|
: style = AppTypography.caption1;
|
|
|
|
final String data;
|
|
final TextStyle style;
|
|
final Color color;
|
|
final int? maxLines;
|
|
final TextOverflow? overflow;
|
|
final TextAlign? textAlign;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Text(
|
|
data,
|
|
maxLines: maxLines,
|
|
overflow: overflow,
|
|
textAlign: textAlign,
|
|
style: GoogleFonts.inter(
|
|
textStyle: style,
|
|
color: AppColors.of(context, color),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
/// Uppercase grouped-list header, e.g. `НАСТРОЙКИ`.
|
|
class AppSectionHeader extends StatelessWidget {
|
|
const AppSectionHeader(this.text, {super.key, this.padding});
|
|
|
|
final String text;
|
|
final EdgeInsetsGeometry? padding;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: padding ??
|
|
const EdgeInsets.fromLTRB(
|
|
AppSpacing.gutter,
|
|
AppSpacing.s4,
|
|
AppSpacing.gutter,
|
|
AppSpacing.s2,
|
|
),
|
|
child: Text(
|
|
text.toUpperCase(),
|
|
style: GoogleFonts.inter(
|
|
textStyle: AppTypography.footnote,
|
|
color: AppColors.of(context, AppColors.secondaryLabel),
|
|
letterSpacing: 0.4,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|