You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
299 lines
10 KiB
Dart
299 lines
10 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
|
|
class NumberTextInputFormatter extends TextInputFormatter {
|
|
@override
|
|
TextEditingValue formatEditUpdate(
|
|
TextEditingValue oldValue, TextEditingValue newValue) {
|
|
final int newTextLength = newValue.text.length;
|
|
int selectionIndex = newValue.selection.end;
|
|
int usedSubstringIndex = 0;
|
|
final StringBuffer newText = StringBuffer();
|
|
if (newTextLength >= 1) {
|
|
newText.write('(');
|
|
if (newValue.selection.end >= 1) selectionIndex++;
|
|
}
|
|
if (newTextLength >= 4) {
|
|
newText.write(newValue.text.substring(0, usedSubstringIndex = 3) + ') ');
|
|
if (newValue.selection.end >= 3) selectionIndex += 2;
|
|
}
|
|
if (newTextLength >= 7) {
|
|
newText.write(newValue.text.substring(3, usedSubstringIndex = 6) + '-');
|
|
if (newValue.selection.end >= 6) selectionIndex++;
|
|
}
|
|
if (newTextLength >= 11) {
|
|
newText.write(newValue.text.substring(6, usedSubstringIndex = 10) + ' ');
|
|
if (newValue.selection.end >= 10) selectionIndex++;
|
|
}
|
|
// Dump the rest.
|
|
if (newTextLength >= usedSubstringIndex)
|
|
newText.write(newValue.text.substring(usedSubstringIndex));
|
|
return TextEditingValue(
|
|
text: newText.toString(),
|
|
selection: TextSelection.collapsed(offset: selectionIndex),
|
|
);
|
|
}
|
|
}
|
|
|
|
final _mobileFormatter = NumberTextInputFormatter();
|
|
|
|
// class TextFields extends StatefulWidget {
|
|
// TextFields(
|
|
// {Key? key,
|
|
// this.type,
|
|
// this.hintText,
|
|
// this.suffixIcon,
|
|
// this.autoFocus,
|
|
// this.onChanged,
|
|
// this.initialValue,
|
|
// this.minLines,
|
|
// this.maxLines,
|
|
// this.inputFormatters,
|
|
// this.padding,
|
|
// this.focus = false,
|
|
// this.maxLengthEnforced = true,
|
|
// this.suffixIconColor,
|
|
// this.inputAction,
|
|
// this.onSubmit,
|
|
// this.keepPadding = true,
|
|
// this.textCapitalization = TextCapitalization.none,
|
|
// this.controller,
|
|
// this.keyboardType,
|
|
// this.validator,
|
|
// this.borderOnlyError = false,
|
|
// this.onSaved,
|
|
// this.onSuffixTap,
|
|
// this.readOnly= false,
|
|
// this.maxLength,
|
|
// this.prefixIcon,
|
|
// this.bare = false,
|
|
// this.onTap,
|
|
// this.fontSize = 16.0,
|
|
// this.fontWeight = FontWeight.w700,
|
|
// this.fillColor,
|
|
// this.hintColor})
|
|
// : super(key: key);
|
|
//
|
|
// final String? hintText;
|
|
// final String? initialValue;
|
|
// final String? type;
|
|
// final bool? autoFocus;
|
|
// final IconData? suffixIcon;
|
|
// final Color? suffixIconColor;
|
|
// final Icon? prefixIcon;
|
|
// final VoidCallback? onTap;
|
|
// final TextEditingController? controller;
|
|
// final TextInputType? keyboardType;
|
|
// final FormFieldValidator? validator;
|
|
// final Function? onSaved;
|
|
// final Function? onSuffixTap;
|
|
// final Function? onChanged;
|
|
// final Function? onSubmit;
|
|
// final bool? readOnly;
|
|
// final int? maxLength;
|
|
// final int? minLines;
|
|
// final int? maxLines;
|
|
// final bool? maxLengthEnforced;
|
|
// final bool? bare;
|
|
// final TextInputAction? inputAction;
|
|
// final double? fontSize;
|
|
// final FontWeight? fontWeight;
|
|
// final bool? keepPadding;
|
|
// final TextCapitalization? textCapitalization;
|
|
// final List<TextInputFormatter>? inputFormatters;
|
|
// final EdgeInsets? padding;
|
|
// final bool? focus;
|
|
// final bool? borderOnlyError;
|
|
// final Color? hintColor;
|
|
// final Color? fillColor;
|
|
//
|
|
// @override
|
|
// _TextFieldsState createState() => _TextFieldsState();
|
|
// }
|
|
//
|
|
// class _TextFieldsState extends State<TextFields> {
|
|
// final FocusNode _focusNode = FocusNode();
|
|
// bool? focus = false;
|
|
// bool? view = false;
|
|
//
|
|
// @override
|
|
// void initState() {
|
|
// super.initState();
|
|
// _focusNode.addListener(() {
|
|
// setState(() {
|
|
// focus = _focusNode.hasFocus;
|
|
// });
|
|
// });
|
|
// }
|
|
//
|
|
// @override
|
|
// void didUpdateWidget(TextFields oldWidget) {
|
|
// if (widget.focus != null) _focusNode.requestFocus();
|
|
// super.didUpdateWidget(oldWidget);
|
|
// }
|
|
//
|
|
// @override
|
|
// void dispose() {
|
|
// _focusNode.dispose();
|
|
// super.dispose();
|
|
// }
|
|
//
|
|
// Widget _buildSuffixIcon() {
|
|
// switch (widget.type) {
|
|
// case "password":
|
|
// return Padding(
|
|
// padding: const EdgeInsets.only(right: 8.0),
|
|
// child: view!
|
|
// ? InkWell(
|
|
// onTap: () {
|
|
// this.setState(
|
|
// () {
|
|
// view = false;
|
|
// },
|
|
// );
|
|
// },
|
|
// child: Icon(
|
|
// Icons.remove_red_eye_sharp,
|
|
// size: 24.0,
|
|
// color: Color.fromRGBO(78, 62, 253, 1.0),
|
|
// ),
|
|
// )
|
|
// : InkWell(
|
|
// onTap: () {
|
|
// this.setState(() {
|
|
// view = true;
|
|
// });
|
|
// },
|
|
// child: Icon(Icons.remove_red_eye_sharp,
|
|
// size: 24.0, color: Colors.grey[500]),
|
|
// ),
|
|
// );
|
|
// default:
|
|
// if (widget.suffixIcon != null)
|
|
// return InkWell(
|
|
// onTap: widget.onSuffixTap,
|
|
// child: Icon(widget.suffixIcon,
|
|
// size: 22.0,
|
|
// color: widget.suffixIconColor != null
|
|
// ? widget.suffixIconColor
|
|
// : Colors.grey[500]),
|
|
// );
|
|
// else
|
|
// return null;
|
|
// }
|
|
// }
|
|
//
|
|
// bool _determineReadOnly() {
|
|
// if (widget.readOnly != null && widget.readOnly!) {
|
|
// _focusNode.unfocus();
|
|
// return true;
|
|
// } else {
|
|
// return false;
|
|
// }
|
|
// }
|
|
//
|
|
// @override
|
|
// Widget build(BuildContext context) {
|
|
// return (AnimatedContainer(
|
|
// duration: Duration(milliseconds: 300),
|
|
// decoration: widget.bare!
|
|
// ? null
|
|
// : BoxDecoration(boxShadow: [
|
|
// // BoxShadow(
|
|
// // color: Color.fromRGBO(70, 68, 167, focus ? 0.20 : 0),
|
|
// // offset: Offset(0.0, 13.0),
|
|
// // blurRadius: focus ? 34.0 : 12.0)
|
|
// BoxShadow(
|
|
// color: Color.fromRGBO(110, 68, 80, focus ? 0.20 : 0),
|
|
// offset: Offset(0.0, 13.0),
|
|
// blurRadius: focus ? 34.0 : 12.0)
|
|
// ]),
|
|
// child: TextFormField(
|
|
// keyboardAppearance: Theme.of(context).brightness,
|
|
// scrollPhysics: BouncingScrollPhysics(),
|
|
// textCapitalization: widget.textCapitalization,
|
|
// onFieldSubmitted: widget.inputAction == TextInputAction.next
|
|
// ? (widget.onSubmit != null
|
|
// ? widget.onSubmit
|
|
// : (val) {
|
|
// _focusNode.nextFocus();
|
|
// })
|
|
// : widget.onSubmit,
|
|
// textInputAction: widget.inputAction,
|
|
// minLines: widget.minLines ?? 1,
|
|
// maxLines: widget.maxLines ?? 1,
|
|
// // maxLengthEnforcement: widget.maxLengthEnforced,
|
|
// initialValue: widget.initialValue,
|
|
// onChanged: widget.onChanged,
|
|
// focusNode: _focusNode,
|
|
// maxLength: widget.maxLength ?? null,
|
|
// controller: widget.controller,
|
|
// keyboardType: widget.keyboardType,
|
|
// readOnly: _determineReadOnly(),
|
|
// obscureText: widget.type == "password" && !view ? true : false,
|
|
// autofocus: widget.autoFocus ?? false,
|
|
// validator: widget.validator,
|
|
// onSaved: widget.onSaved,
|
|
// style: Theme.of(context)
|
|
// .textTheme
|
|
// .bodyText1
|
|
// .copyWith(fontSize: widget.fontSize, fontWeight: widget.fontWeight),
|
|
// inputFormatters: widget.keyboardType == TextInputType.phone
|
|
// ? <TextInputFormatter>[
|
|
// FilteringTextInputFormatter.digitsOnly,
|
|
// _mobileFormatter,
|
|
// ]
|
|
// : widget.inputFormatters,
|
|
// decoration: InputDecoration(
|
|
// counterText: "",
|
|
// hintText: widget.hintText,
|
|
// hintStyle: TextStyle(
|
|
// fontSize: widget.fontSize,
|
|
// fontWeight: widget.fontWeight,
|
|
// color: widget.hintColor ?? Theme.of(context).hintColor,
|
|
// ),
|
|
// contentPadding: widget.padding != null
|
|
// ? widget.padding
|
|
// : EdgeInsets.symmetric(
|
|
// vertical: (widget.bare && !widget.keepPadding) ? 0.0 : 10.0,
|
|
// horizontal: 16.0),
|
|
// filled: true,
|
|
// fillColor: widget.bare
|
|
// ? Colors.transparent
|
|
// : Theme.of(context).backgroundColor,
|
|
// suffixIcon: _buildSuffixIcon(),
|
|
// prefixIcon: widget.prefixIcon,
|
|
// errorStyle: TextStyle(
|
|
// fontSize: 14.0,
|
|
// fontWeight: widget.fontWeight,
|
|
// height: widget.borderOnlyError ? 0.0 : null),
|
|
// errorBorder: OutlineInputBorder(
|
|
// borderSide: BorderSide(
|
|
// color: Theme.of(context)
|
|
// .errorColor
|
|
// .withOpacity(widget.bare ? 0.0 : 0.5),
|
|
// width: 1.0),
|
|
// borderRadius: BorderRadius.circular(widget.bare ? 0.0 : 8.0)),
|
|
// focusedErrorBorder: OutlineInputBorder(
|
|
// borderSide: BorderSide(
|
|
// color: Theme.of(context)
|
|
// .errorColor
|
|
// .withOpacity(widget.bare ? 0.0 : 0.5),
|
|
// width: 1.0),
|
|
// borderRadius: BorderRadius.circular(widget.bare ? 0.0 : 8.0)),
|
|
// focusedBorder: OutlineInputBorder(
|
|
// borderSide: BorderSide(color: Colors.grey, width: 1.0),
|
|
// borderRadius: BorderRadius.circular(widget.bare ? 0.0 : 8.0)),
|
|
// disabledBorder: OutlineInputBorder(
|
|
// borderSide: BorderSide(color: Colors.grey, width: 1.0),
|
|
// borderRadius: BorderRadius.circular(widget.bare ? 0.0 : 8.0)),
|
|
// enabledBorder: OutlineInputBorder(
|
|
// borderSide: BorderSide(color: Colors.grey, width: 1.0),
|
|
// borderRadius: BorderRadius.circular(widget.bare ? 0.0 : 8.0),
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ));
|
|
// }
|
|
// }
|