mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2024-12-23 11:59:30 +00:00
frost step text field widget
This commit is contained in:
julian
parent
2e4a3d406d
commit
69b79b1ff0
1 changed files with 181 additions and 0 deletions
181
lib/widgets/textfields/frost_step_field.dart
Normal file
181
lib/widgets/textfields/frost_step_field.dart
Normal file
|
|
@ -0,0 +1,181 @@
|
|||
import 'package:barcode_scan2/barcode_scan2.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:stackwallet/themes/stack_colors.dart';
|
||||
import 'package:stackwallet/utilities/constants.dart';
|
||||
import 'package:stackwallet/utilities/logger.dart';
|
||||
import 'package:stackwallet/utilities/text_styles.dart';
|
||||
import 'package:stackwallet/utilities/util.dart';
|
||||
import 'package:stackwallet/widgets/conditional_parent.dart';
|
||||
import 'package:stackwallet/widgets/icon_widgets/clipboard_icon.dart';
|
||||
import 'package:stackwallet/widgets/icon_widgets/qrcode_icon.dart';
|
||||
import 'package:stackwallet/widgets/icon_widgets/x_icon.dart';
|
||||
import 'package:stackwallet/widgets/textfield_icon_button.dart';
|
||||
|
||||
class FrostStepField extends StatefulWidget {
|
||||
const FrostStepField({
|
||||
super.key,
|
||||
required this.controller,
|
||||
required this.focusNode,
|
||||
this.label,
|
||||
this.hint,
|
||||
// this.onChanged,
|
||||
required this.showQrScanOption,
|
||||
});
|
||||
|
||||
final TextEditingController controller;
|
||||
final FocusNode focusNode;
|
||||
final String? label;
|
||||
final String? hint;
|
||||
// final void Function(String)? onChanged;
|
||||
final bool showQrScanOption;
|
||||
|
||||
@override
|
||||
State<FrostStepField> createState() => _FrostStepFieldState();
|
||||
}
|
||||
|
||||
class _FrostStepFieldState extends State<FrostStepField> {
|
||||
final _xKey = UniqueKey();
|
||||
final _pasteKey = UniqueKey();
|
||||
late final Key? _qrKey;
|
||||
|
||||
bool _isEmpty = true;
|
||||
|
||||
final _inputBorder = OutlineInputBorder(
|
||||
borderSide: const BorderSide(
|
||||
width: 0,
|
||||
color: Colors.transparent,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(
|
||||
Constants.size.circularBorderRadius,
|
||||
),
|
||||
);
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
_qrKey = widget.showQrScanOption ? UniqueKey() : null;
|
||||
_isEmpty = widget.controller.text.isEmpty;
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ConditionalParent(
|
||||
condition: widget.label != null,
|
||||
builder: (child) => Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
Text(
|
||||
widget.label!,
|
||||
style: STextStyles.w500_14(context),
|
||||
),
|
||||
const SizedBox(
|
||||
height: 4,
|
||||
),
|
||||
child,
|
||||
],
|
||||
),
|
||||
child: TextField(
|
||||
controller: widget.controller,
|
||||
focusNode: widget.focusNode,
|
||||
readOnly: false,
|
||||
autocorrect: false,
|
||||
enableSuggestions: false,
|
||||
style: STextStyles.field(context),
|
||||
// onChanged: widget.onChanged,
|
||||
onChanged: (_) {
|
||||
setState(() {
|
||||
_isEmpty = widget.controller.text.isEmpty;
|
||||
});
|
||||
},
|
||||
decoration: InputDecoration(
|
||||
hintText: widget.hint,
|
||||
fillColor: widget.focusNode.hasFocus
|
||||
? Theme.of(context).extension<StackColors>()!.textFieldActiveBG
|
||||
: Theme.of(context).extension<StackColors>()!.textFieldDefaultBG,
|
||||
hintStyle: Util.isDesktop
|
||||
? STextStyles.desktopTextFieldLabel(context)
|
||||
: STextStyles.fieldLabel(context),
|
||||
enabledBorder: _inputBorder,
|
||||
focusedBorder: _inputBorder,
|
||||
errorBorder: _inputBorder,
|
||||
disabledBorder: _inputBorder,
|
||||
focusedErrorBorder: _inputBorder,
|
||||
suffixIcon: Padding(
|
||||
padding: _isEmpty
|
||||
? const EdgeInsets.only(right: 8)
|
||||
: const EdgeInsets.only(right: 0),
|
||||
child: UnconstrainedBox(
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
children: [
|
||||
!_isEmpty
|
||||
? TextFieldIconButton(
|
||||
semanticsLabel:
|
||||
"Clear Button. Clears The Frost Step Field Input.",
|
||||
key: _xKey,
|
||||
onTap: () {
|
||||
widget.controller.text = "";
|
||||
|
||||
setState(() {
|
||||
_isEmpty = true;
|
||||
});
|
||||
},
|
||||
child: const XIcon(),
|
||||
)
|
||||
: TextFieldIconButton(
|
||||
semanticsLabel:
|
||||
"Paste Button. Pastes From Clipboard To Frost Step Field Input.",
|
||||
key: _pasteKey,
|
||||
onTap: () async {
|
||||
final ClipboardData? data =
|
||||
await Clipboard.getData(Clipboard.kTextPlain);
|
||||
if (data?.text != null && data!.text!.isNotEmpty) {
|
||||
widget.controller.text = data.text!.trim();
|
||||
}
|
||||
|
||||
setState(() {
|
||||
_isEmpty = widget.controller.text.isEmpty;
|
||||
});
|
||||
},
|
||||
child:
|
||||
_isEmpty ? const ClipboardIcon() : const XIcon(),
|
||||
),
|
||||
if (_isEmpty && widget.showQrScanOption)
|
||||
TextFieldIconButton(
|
||||
semanticsLabel:
|
||||
"Scan QR Button. Opens Camera For Scanning QR Code.",
|
||||
key: _qrKey,
|
||||
onTap: () async {
|
||||
try {
|
||||
if (FocusScope.of(context).hasFocus) {
|
||||
FocusScope.of(context).unfocus();
|
||||
await Future<void>.delayed(
|
||||
const Duration(milliseconds: 75));
|
||||
}
|
||||
|
||||
final qrResult = await BarcodeScanner.scan();
|
||||
|
||||
widget.controller.text = qrResult.rawContent;
|
||||
|
||||
setState(() {
|
||||
_isEmpty = widget.controller.text.isEmpty;
|
||||
});
|
||||
} on PlatformException catch (e, s) {
|
||||
Logging.instance.log(
|
||||
"Failed to get camera permissions while trying to scan qr code: $e\n$s",
|
||||
level: LogLevel.Warning,
|
||||
);
|
||||
}
|
||||
},
|
||||
child: const QrCodeIcon(),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue