stack_wallet/lib/widgets/custom_pin_put/pin_keyboard.dart
detherminal 7ea374d6e4 Merge remote-tracking branch 'origin/staging' into staging
# Conflicts:
#	lib/pages/wallet_view/sub_widgets/wallet_refresh_button.dart
2023-04-27 21:22:04 +03:00

396 lines
9.9 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:stackwallet/utilities/assets.dart';
import 'package:stackwallet/utilities/text_styles.dart';
import 'package:stackwallet/utilities/theme/stack_colors.dart';
class NumberKey extends StatefulWidget {
const NumberKey({
Key? key,
required this.number,
required this.onPressed,
}) : super(key: key);
final String number;
final ValueSetter<String> onPressed;
@override
State<NumberKey> createState() => _NumberKeyState();
}
class _NumberKeyState extends State<NumberKey> {
late final String number;
late final ValueSetter<String> onPressed;
Color? _color;
@override
void initState() {
number = widget.number;
onPressed = widget.onPressed;
super.initState();
}
@override
Widget build(BuildContext context) {
_color ??= Theme.of(context).extension<StackColors>()!.numberBackDefault;
return AnimatedContainer(
duration: const Duration(milliseconds: 200),
curve: Curves.easeInOut,
height: 72,
width: 72,
decoration: ShapeDecoration(
shape: const StadiumBorder(),
color: _color,
shadows: const [],
),
child: MaterialButton(
// splashColor: Theme.of(context).extension<StackColors>()!.highlight,
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: const StadiumBorder(),
onPressed: () async {
onPressed.call(number);
setState(() {
_color = Theme.of(context)
.extension<StackColors>()!
.numberBackDefault
.withOpacity(0.8);
});
Future<void>.delayed(const Duration(milliseconds: 200), () {
if (mounted) {
setState(() {
_color = Theme.of(context)
.extension<StackColors>()!
.numberBackDefault;
});
}
});
},
child: Center(
child: Text(
number,
style: STextStyles.numberDefault(context),
),
),
),
);
}
}
class BackspaceKey extends StatefulWidget {
const BackspaceKey({
Key? key,
required this.onPressed,
}) : super(key: key);
final VoidCallback onPressed;
@override
State<BackspaceKey> createState() => _BackspaceKeyState();
}
class _BackspaceKeyState extends State<BackspaceKey> {
late final VoidCallback onPressed;
Color? _color;
@override
void initState() {
onPressed = widget.onPressed;
super.initState();
}
@override
Widget build(BuildContext context) {
_color ??= Theme.of(context).extension<StackColors>()!.numpadBackDefault;
return AnimatedContainer(
duration: const Duration(milliseconds: 200),
curve: Curves.easeInOut,
height: 72,
width: 72,
decoration: ShapeDecoration(
shape: const StadiumBorder(),
color: _color,
shadows: const [],
),
child: MaterialButton(
// splashColor: Theme.of(context).extension<StackColors>()!.highlight,
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: const StadiumBorder(),
onPressed: () {
onPressed.call();
setState(() {
_color = Theme.of(context)
.extension<StackColors>()!
.numpadBackDefault
.withOpacity(0.8);
});
Future<void>.delayed(const Duration(milliseconds: 200), () {
if (mounted) {
setState(() {
_color = Theme.of(context)
.extension<StackColors>()!
.numpadBackDefault;
});
}
});
},
child: Semantics(
label: "Backspace Button. Deletes The Last Digit.",
excludeSemantics: true,
child: Center(
child: SvgPicture.asset(
Assets.svg.delete,
width: 20,
height: 20,
color:
Theme.of(context).extension<StackColors>()!.numpadTextDefault,
),
),
)
),
);
}
}
class SubmitKey extends StatelessWidget {
const SubmitKey({
Key? key,
required this.onPressed,
}) : super(key: key);
final VoidCallback onPressed;
@override
Widget build(BuildContext context) {
return Container(
height: 72,
width: 72,
decoration: ShapeDecoration(
shape: const StadiumBorder(),
color: Theme.of(context).extension<StackColors>()!.numpadBackDefault,
shadows: const [],
),
child: MaterialButton(
// splashColor: Theme.of(context).extension<StackColors>()!.highlight,
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: const StadiumBorder(),
onPressed: () {
onPressed.call();
},
child: Center(
child: SvgPicture.asset(
Assets.svg.arrowRight,
width: 20,
height: 20,
color:
Theme.of(context).extension<StackColors>()!.numpadTextDefault,
),
),
),
);
}
}
class CustomKey extends StatelessWidget {
const CustomKey({
Key? key,
required this.onPressed,
this.iconAssetName,
this.customKeyLabel = "Button",
}) : super(key: key);
final VoidCallback onPressed;
final String? iconAssetName;
final String customKeyLabel;
@override
Widget build(BuildContext context) {
return Container(
height: 72,
width: 72,
decoration: ShapeDecoration(
shape: const StadiumBorder(),
color: Theme.of(context).extension<StackColors>()!.numpadBackDefault,
shadows: const [],
),
child: Semantics(
label: customKeyLabel,
excludeSemantics: true,
child: MaterialButton(
// splashColor: Theme.of(context).extension<StackColors>()!.highlight,
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: const StadiumBorder(),
onPressed: () {
onPressed.call();
},
child: Center(
child: iconAssetName == null
? null
: SvgPicture.asset(
iconAssetName!,
width: 20,
height: 20,
color: Theme.of(context)
.extension<StackColors>()!
.numpadTextDefault,
),
),
),
)
);
}
}
class PinKeyboard extends StatelessWidget {
const PinKeyboard({
Key? key,
required this.onNumberKeyPressed,
required this.onBackPressed,
required this.onSubmitPressed,
this.backgroundColor,
this.width = 264,
this.height = 360,
this.customKey,
}) : super(key: key);
final ValueSetter<String> onNumberKeyPressed;
final VoidCallback onBackPressed;
final VoidCallback onSubmitPressed;
final Color? backgroundColor;
final double? width;
final double? height;
final CustomKey? customKey;
void _backHandler() {
onBackPressed.call();
}
void _submitHandler() {
onSubmitPressed.call();
}
void _numberHandler(String number) {
onNumberKeyPressed.call(number);
HapticFeedback.lightImpact();
}
@override
Widget build(BuildContext context) {
return Container(
width: width,
height: height,
color: backgroundColor ?? Colors.transparent,
child: Column(
children: [
Row(
children: [
NumberKey(
number: "1",
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: "2",
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: "3",
onPressed: _numberHandler,
),
],
),
const SizedBox(
height: 24,
),
Row(
children: [
NumberKey(
number: "4",
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: "5",
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: "6",
onPressed: _numberHandler,
),
],
),
const SizedBox(
height: 24,
),
Row(
children: [
NumberKey(
number: "7",
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: "8",
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: "9",
onPressed: _numberHandler,
),
],
),
const SizedBox(
height: 24,
),
Row(
children: [
customKey == null
? const SizedBox(
height: 72,
width: 72,
)
: customKey!,
const SizedBox(
width: 24,
),
NumberKey(
number: "0",
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
BackspaceKey(
onPressed: _backHandler,
),
// SubmitKey(
// onPressed: _submitHandler,
// ),
],
)
],
),
);
}
}