stack_wallet/lib/widgets/custom_buttons/app_bar_icon_button.dart

103 lines
3 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 [],
this.semanticsLabel = "Button",
}) : super(key: key);
final Widget icon;
final VoidCallback? onPressed;
final Color? color;
// final double circularBorderRadius;
final double size;
final List<BoxShadow> shadows;
final String semanticsLabel;
@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: Semantics(
excludeSemantics: true,
label: semanticsLabel,
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,
this.size,
this.iconSize,
this.semanticsLabel = "Back Button. Takes Back To Previous Page.",
}) : super(key: key);
final VoidCallback? onPressed;
final bool isCompact;
final double? size;
final double? iconSize;
final String semanticsLabel;
@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(
semanticsLabel: semanticsLabel,
size: 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: iconSize ?? (isCompact ? 18 : 24),
height: iconSize ?? (isCompact ? 18 : 24),
color: Theme.of(context).extension<StackColors>()!.topNavIconPrimary,
),
onPressed: onPressed ?? Navigator.of(context).pop,
)
);
}
}