stack_wallet/lib/widgets/custom_pin_put/pin_keyboard.dart

577 lines
14 KiB
Dart
Raw Normal View History

/*
* This file is part of Stack Wallet.
*
* Copyright (c) 2023 Cypher Stack
* All Rights Reserved.
* The code is distributed under GPLv3 license, see LICENSE file for details.
* Generated by Cypher Stack on 2023-05-26
*
*/
2022-08-26 08:11:35 +00:00
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
2023-04-28 22:41:53 +00:00
import 'package:flutter_riverpod/flutter_riverpod.dart';
2022-08-26 08:11:35 +00:00
import 'package:flutter_svg/flutter_svg.dart';
import 'package:stackwallet/themes/stack_colors.dart';
2022-08-26 08:11:35 +00:00
import 'package:stackwallet/utilities/assets.dart';
2022-09-26 17:34:41 +00:00
import 'package:stackwallet/utilities/text_styles.dart';
2022-08-26 08:11:35 +00:00
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;
2022-08-26 08:11:35 +00:00
@override
void initState() {
number = widget.number;
onPressed = widget.onPressed;
super.initState();
}
@override
Widget build(BuildContext context) {
_color ??= Theme.of(context).extension<StackColors>()!.numberBackDefault;
2022-08-26 08:11:35 +00:00
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,
2022-08-26 08:11:35 +00:00
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: const StadiumBorder(),
onPressed: () async {
onPressed.call(number);
setState(() {
_color = Theme.of(context)
.extension<StackColors>()!
.numberBackDefault
.withOpacity(0.8);
2022-08-26 08:11:35 +00:00
});
Future<void>.delayed(const Duration(milliseconds: 200), () {
if (mounted) {
setState(() {
_color = Theme.of(context)
.extension<StackColors>()!
.numberBackDefault;
2022-08-26 08:11:35 +00:00
});
}
});
},
child: Center(
child: Text(
number,
2022-09-26 17:34:41 +00:00
style: STextStyles.numberDefault(context),
2022-08-26 08:11:35 +00:00
),
),
),
);
}
}
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;
2022-08-26 08:11:35 +00:00
@override
void initState() {
onPressed = widget.onPressed;
super.initState();
}
@override
Widget build(BuildContext context) {
_color ??= Theme.of(context).extension<StackColors>()!.numpadBackDefault;
2022-08-26 08:11:35 +00:00
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,
),
),
)),
2022-08-26 08:11:35 +00:00
);
}
}
2022-09-21 17:59:18 +00:00
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,
2022-09-21 17:59:18 +00:00
shadows: const [],
),
child: MaterialButton(
// splashColor: Theme.of(context).extension<StackColors>()!.highlight,
2022-09-21 17:59:18 +00:00
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,
2022-09-21 17:59:18 +00:00
),
),
),
);
}
}
2022-08-26 08:11:35 +00:00
class CustomKey extends StatelessWidget {
const CustomKey({
Key? key,
required this.onPressed,
this.iconAssetName,
this.semanticsLabel = "Button",
}) : super(key: key);
final VoidCallback onPressed;
final String? iconAssetName;
final String semanticsLabel;
@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: semanticsLabel,
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,
),
),
),
));
}
}
2023-04-28 22:41:53 +00:00
class PinKeyboard extends ConsumerWidget {
2022-08-26 08:11:35 +00:00
const PinKeyboard({
Key? key,
required this.onNumberKeyPressed,
required this.onBackPressed,
required this.onSubmitPressed,
2023-05-01 22:41:13 +00:00
required this.isRandom,
2022-08-26 08:11:35 +00:00
this.backgroundColor,
this.width = 264,
this.height = 360,
this.customKey,
2022-08-26 08:11:35 +00:00
}) : 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;
2023-05-01 22:41:13 +00:00
final bool isRandom;
2022-08-26 08:11:35 +00:00
void _backHandler() {
onBackPressed.call();
}
2022-09-21 17:59:18 +00:00
void _submitHandler() {
onSubmitPressed.call();
}
2022-08-26 08:11:35 +00:00
void _numberHandler(String number) {
onNumberKeyPressed.call(number);
HapticFeedback.lightImpact();
2022-08-26 08:11:35 +00:00
}
2023-04-28 22:41:53 +00:00
@override
Widget build(BuildContext context, WidgetRef ref) {
final list = [
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9",
"0",
];
2023-05-01 22:41:13 +00:00
// final isRandom = ref.read(prefsChangeNotifierProvider).randomizePIN;
if (isRandom) list.shuffle();
2023-04-28 22:41:53 +00:00
return Container(
width: width,
height: height,
color: backgroundColor ?? Colors.transparent,
child: Column(
children: [
Row(
children: [
NumberKey(
number: list[0],
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: list[1],
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: list[2],
onPressed: _numberHandler,
),
],
),
const SizedBox(
height: 24,
),
Row(
children: [
NumberKey(
number: list[3],
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: list[4],
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: list[5],
onPressed: _numberHandler,
),
],
),
const SizedBox(
height: 24,
),
Row(
children: [
NumberKey(
number: list[6],
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: list[7],
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: list[8],
onPressed: _numberHandler,
),
],
),
const SizedBox(
height: 24,
),
Row(
children: [
BackspaceKey(
onPressed: _backHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
number: list[9],
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
SubmitKey(
onPressed: _submitHandler,
),
],
)
],
),
);
}
}
class RandomKeyboard extends StatelessWidget {
const RandomKeyboard({
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();
debugPrint("NUMBER: $number");
}
2022-08-26 08:11:35 +00:00
@override
Widget build(BuildContext context) {
2023-04-28 22:41:53 +00:00
final list = [
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9",
"0",
];
list.shuffle();
2022-08-26 08:11:35 +00:00
return Container(
width: width,
height: height,
color: backgroundColor ?? Colors.transparent,
child: Column(
children: [
Row(
children: [
NumberKey(
2023-04-28 22:41:53 +00:00
number: list[0],
2022-08-26 08:11:35 +00:00
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
2023-04-28 22:41:53 +00:00
number: list[1],
2022-08-26 08:11:35 +00:00
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
2023-04-28 22:41:53 +00:00
number: list[2],
2022-08-26 08:11:35 +00:00
onPressed: _numberHandler,
),
],
),
const SizedBox(
height: 24,
),
Row(
children: [
NumberKey(
2023-04-28 22:41:53 +00:00
number: list[3],
2022-08-26 08:11:35 +00:00
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
2023-04-28 22:41:53 +00:00
number: list[4],
2022-08-26 08:11:35 +00:00
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
2023-04-28 22:41:53 +00:00
number: list[5],
2022-08-26 08:11:35 +00:00
onPressed: _numberHandler,
),
],
),
const SizedBox(
height: 24,
),
Row(
children: [
NumberKey(
2023-04-28 22:41:53 +00:00
number: list[6],
2022-08-26 08:11:35 +00:00
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
2023-04-28 22:41:53 +00:00
number: list[7],
2022-08-26 08:11:35 +00:00
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
NumberKey(
2023-04-28 22:41:53 +00:00
number: list[8],
2022-08-26 08:11:35 +00:00
onPressed: _numberHandler,
),
],
),
const SizedBox(
height: 24,
),
Row(
children: [
BackspaceKey(
onPressed: _backHandler,
),
2022-08-26 08:11:35 +00:00
const SizedBox(
width: 24,
),
NumberKey(
2023-04-28 22:41:53 +00:00
number: list[9],
2022-08-26 08:11:35 +00:00
onPressed: _numberHandler,
),
const SizedBox(
width: 24,
),
SubmitKey(
onPressed: _submitHandler,
),
2022-08-26 08:11:35 +00:00
],
)
],
),
);
}
}