stack_wallet/lib/widgets/custom_buttons/app_bar_icon_button.dart
2022-09-26 14:21:13 -06:00

89 lines
2.5 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:stackwallet/utilities/assets.dart';
import 'package:stackwallet/utilities/theme/stack_colors.dart';
import 'package:stackwallet/utilities/util.dart';
class AppBarIconButton extends StatelessWidget {
const AppBarIconButton({
Key? key,
required this.icon,
required this.onPressed,
this.color,
// this.circularBorderRadius = 10.0,
this.size = 36.0,
this.shadows = const [],
}) : super(key: key);
final Widget icon;
final VoidCallback? onPressed;
final Color? color;
// final double circularBorderRadius;
final double size;
final List<BoxShadow> shadows;
@override
Widget build(BuildContext context) {
return Container(
height: size,
width: size,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(1000),
color: color ?? Theme.of(context).extension<StackColors>()!.background,
boxShadow: shadows,
),
child: MaterialButton(
splashColor: Theme.of(context).extension<StackColors>()!.highlight,
padding: EdgeInsets.zero,
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(1000),
),
onPressed: onPressed,
child: icon,
),
);
}
}
class AppBarBackButton extends StatelessWidget {
const AppBarBackButton({
Key? key,
this.onPressed,
this.isCompact = false,
}) : super(key: key);
final VoidCallback? onPressed;
final bool isCompact;
@override
Widget build(BuildContext context) {
final isDesktop = Util.isDesktop;
return Padding(
padding: isDesktop
? const EdgeInsets.symmetric(
vertical: 20,
horizontal: 24,
)
: const EdgeInsets.all(10),
child: AppBarIconButton(
size: isDesktop
? isCompact
? 42
: 56
: 32,
color: isDesktop
? Theme.of(context).extension<StackColors>()!.textFieldDefaultBG
: Theme.of(context).extension<StackColors>()!.background,
shadows: const [],
icon: SvgPicture.asset(
Assets.svg.arrowLeft,
width: isCompact ? 18 : 24,
height: isCompact ? 18 : 24,
color: Theme.of(context).extension<StackColors>()!.topNavIconPrimary,
),
onPressed: onPressed ?? Navigator.of(context).pop,
),
);
}
}