feat(proj): init
This commit is contained in:
@@ -0,0 +1,54 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:please_pay_me/theme/tokens.dart';
|
||||
|
||||
/// iOS sliding segmented control — the native alternative to tabs.
|
||||
class AppSegmentedControl extends StatelessWidget {
|
||||
const AppSegmentedControl({
|
||||
super.key,
|
||||
required this.labels,
|
||||
required this.index,
|
||||
required this.onChanged,
|
||||
this.padding = const EdgeInsets.symmetric(horizontal: AppSpacing.gutter),
|
||||
});
|
||||
|
||||
final List<String> labels;
|
||||
final int index;
|
||||
final ValueChanged<int> onChanged;
|
||||
final EdgeInsetsGeometry padding;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: padding,
|
||||
child: SizedBox(
|
||||
width: double.infinity,
|
||||
child: CupertinoSlidingSegmentedControl<int>(
|
||||
groupValue: index.clamp(0, labels.length - 1),
|
||||
backgroundColor: AppColors.of(context, AppColors.systemGray5),
|
||||
thumbColor: AppColors.of(context, AppColors.groupedSurface),
|
||||
onValueChanged: (value) {
|
||||
if (value != null) onChanged(value);
|
||||
},
|
||||
children: {
|
||||
for (var i = 0; i < labels.length; i++)
|
||||
i: Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 6),
|
||||
child: Text(
|
||||
labels[i],
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: GoogleFonts.inter(
|
||||
textStyle: AppTypography.subhead.copyWith(
|
||||
fontWeight: i == index ? FontWeight.w600 : FontWeight.w400,
|
||||
),
|
||||
color: AppColors.of(context, AppColors.label),
|
||||
),
|
||||
),
|
||||
),
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user