|
|
|
|
@ -39,38 +39,44 @@ class NumberTextInputFormatter extends TextInputFormatter {
|
|
|
|
|
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.fontSize = 16.0,
|
|
|
|
|
this.fontWeight = FontWeight.w700,
|
|
|
|
|
this.autoValidate = false})
|
|
|
|
|
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.onTap,
|
|
|
|
|
this.controller,
|
|
|
|
|
this.keyboardType,
|
|
|
|
|
this.validator,
|
|
|
|
|
this.borderOnlyError = false,
|
|
|
|
|
this.onSaved,
|
|
|
|
|
this.onSuffixTap,
|
|
|
|
|
this.readOnly: false,
|
|
|
|
|
this.maxLength,
|
|
|
|
|
this.prefixIcon,
|
|
|
|
|
this.bare = false,
|
|
|
|
|
this.fontSize = 14.0,
|
|
|
|
|
this.color = Colors.black,
|
|
|
|
|
this.fontWeight = FontWeight.w600,
|
|
|
|
|
this.autoValidate = false,
|
|
|
|
|
this.borderRadiusValue = 8.0,
|
|
|
|
|
this.borderWidth = 1.5,
|
|
|
|
|
this.fieldTextColor,
|
|
|
|
|
this.textAlign = TextAlign.start,
|
|
|
|
|
this.borderRadius})
|
|
|
|
|
: super(key: key);
|
|
|
|
|
|
|
|
|
|
final String hintText;
|
|
|
|
|
@ -80,6 +86,7 @@ class TextFields extends StatefulWidget {
|
|
|
|
|
final IconData suffixIcon;
|
|
|
|
|
final Color suffixIconColor;
|
|
|
|
|
final IconData prefixIcon;
|
|
|
|
|
final VoidCallback onTap;
|
|
|
|
|
final TextEditingController controller;
|
|
|
|
|
final TextInputType keyboardType;
|
|
|
|
|
final FormFieldValidator validator;
|
|
|
|
|
@ -96,6 +103,7 @@ class TextFields extends StatefulWidget {
|
|
|
|
|
final TextInputAction inputAction;
|
|
|
|
|
final double fontSize;
|
|
|
|
|
final FontWeight fontWeight;
|
|
|
|
|
final Color color;
|
|
|
|
|
final bool keepPadding;
|
|
|
|
|
final TextCapitalization textCapitalization;
|
|
|
|
|
final List<TextInputFormatter> inputFormatters;
|
|
|
|
|
@ -103,6 +111,11 @@ class TextFields extends StatefulWidget {
|
|
|
|
|
final EdgeInsets padding;
|
|
|
|
|
final bool focus;
|
|
|
|
|
final bool borderOnlyError;
|
|
|
|
|
final double borderRadiusValue;
|
|
|
|
|
final BorderRadius borderRadius;
|
|
|
|
|
final double borderWidth;
|
|
|
|
|
final Color fieldTextColor;
|
|
|
|
|
final TextAlign textAlign;
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
_TextFieldsState createState() => _TextFieldsState();
|
|
|
|
|
@ -138,43 +151,46 @@ class _TextFieldsState extends State<TextFields> {
|
|
|
|
|
Widget _buildSuffixIcon() {
|
|
|
|
|
switch (widget.type) {
|
|
|
|
|
case "password":
|
|
|
|
|
return Padding(
|
|
|
|
|
padding: const EdgeInsets.only(right: 8.0),
|
|
|
|
|
child: view
|
|
|
|
|
? InkWell(
|
|
|
|
|
{
|
|
|
|
|
return Padding(
|
|
|
|
|
padding: const EdgeInsets.only(right: 8.0),
|
|
|
|
|
child: view
|
|
|
|
|
? InkWell(
|
|
|
|
|
onTap: () {
|
|
|
|
|
this.setState(
|
|
|
|
|
() {
|
|
|
|
|
view = false;
|
|
|
|
|
},
|
|
|
|
|
);
|
|
|
|
|
this.setState(() {
|
|
|
|
|
view = false;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
child: Icon(
|
|
|
|
|
EvaIcons.eye,
|
|
|
|
|
size: 24.0,
|
|
|
|
|
color: Color.fromRGBO(78, 62, 253, 1.0),
|
|
|
|
|
),
|
|
|
|
|
)
|
|
|
|
|
: InkWell(
|
|
|
|
|
child: Icon(EvaIcons.eye,
|
|
|
|
|
size: 24.0, color: Theme
|
|
|
|
|
.of(context)
|
|
|
|
|
.primaryColor))
|
|
|
|
|
: InkWell(
|
|
|
|
|
onTap: () {
|
|
|
|
|
this.setState(() {
|
|
|
|
|
view = true;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
child: Icon(EvaIcons.eyeOff,
|
|
|
|
|
size: 24.0, color: Colors.grey[500]),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
size: 24.0, color: Colors.grey[500])));
|
|
|
|
|
}
|
|
|
|
|
case "hourly":
|
|
|
|
|
return Align(
|
|
|
|
|
alignment: Alignment.centerRight,
|
|
|
|
|
child: Text(
|
|
|
|
|
'/ hr ',
|
|
|
|
|
style: TextStyle(fontSize: 18, fontWeight: FontWeight.w700),
|
|
|
|
|
));
|
|
|
|
|
break;
|
|
|
|
|
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]),
|
|
|
|
|
);
|
|
|
|
|
onTap: widget.onSuffixTap,
|
|
|
|
|
child: Icon(widget.suffixIcon,
|
|
|
|
|
size: 22.0,
|
|
|
|
|
color: widget.suffixIconColor != null
|
|
|
|
|
? widget.suffixIconColor
|
|
|
|
|
: Colors.grey[500]));
|
|
|
|
|
else
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
@ -196,22 +212,26 @@ class _TextFieldsState extends State<TextFields> {
|
|
|
|
|
decoration: widget.bare
|
|
|
|
|
? null
|
|
|
|
|
: BoxDecoration(boxShadow: [
|
|
|
|
|
BoxShadow(
|
|
|
|
|
color: Color.fromRGBO(110, 68, 80, focus ? 0.20 : 0),
|
|
|
|
|
offset: Offset(0.0, 13.0),
|
|
|
|
|
blurRadius: focus ? 34.0 : 12.0)
|
|
|
|
|
]),
|
|
|
|
|
BoxShadow(
|
|
|
|
|
color: Color.fromRGBO(70, 68, 167, focus ? 0.20 : 0),
|
|
|
|
|
offset: Offset(0.0, 13.0),
|
|
|
|
|
blurRadius: focus ? 34.0 : 12.0)
|
|
|
|
|
]),
|
|
|
|
|
child: TextFormField(
|
|
|
|
|
keyboardAppearance: Theme.of(context).brightness,
|
|
|
|
|
keyboardAppearance: Theme
|
|
|
|
|
.of(context)
|
|
|
|
|
.brightness,
|
|
|
|
|
scrollPhysics: BouncingScrollPhysics(),
|
|
|
|
|
autovalidate: widget.autoValidate,
|
|
|
|
|
onTap: widget.onTap,
|
|
|
|
|
textAlign: widget.textAlign,
|
|
|
|
|
textCapitalization: widget.textCapitalization,
|
|
|
|
|
onFieldSubmitted: widget.inputAction == TextInputAction.next
|
|
|
|
|
? (widget.onSubmit != null
|
|
|
|
|
? widget.onSubmit
|
|
|
|
|
: (val) {
|
|
|
|
|
_focusNode.nextFocus();
|
|
|
|
|
})
|
|
|
|
|
? widget.onSubmit
|
|
|
|
|
: (val) {
|
|
|
|
|
_focusNode.nextFocus();
|
|
|
|
|
})
|
|
|
|
|
: widget.onSubmit,
|
|
|
|
|
textInputAction: widget.inputAction,
|
|
|
|
|
minLines: widget.minLines ?? 1,
|
|
|
|
|
@ -228,87 +248,118 @@ class _TextFieldsState extends State<TextFields> {
|
|
|
|
|
autofocus: widget.autoFocus ?? false,
|
|
|
|
|
validator: widget.validator,
|
|
|
|
|
onSaved: widget.onSaved,
|
|
|
|
|
style: Theme.of(context)
|
|
|
|
|
style: Theme
|
|
|
|
|
.of(context)
|
|
|
|
|
.textTheme
|
|
|
|
|
.body2
|
|
|
|
|
.copyWith(fontSize: widget.fontSize, fontWeight: widget.fontWeight),
|
|
|
|
|
.copyWith(
|
|
|
|
|
fontSize: widget.fontSize,
|
|
|
|
|
fontWeight: widget.fontWeight,
|
|
|
|
|
color: widget.color),
|
|
|
|
|
inputFormatters: widget.keyboardType == TextInputType.phone
|
|
|
|
|
? <TextInputFormatter>[
|
|
|
|
|
WhitelistingTextInputFormatter.digitsOnly,
|
|
|
|
|
_mobileFormatter,
|
|
|
|
|
]
|
|
|
|
|
WhitelistingTextInputFormatter.digitsOnly,
|
|
|
|
|
_mobileFormatter,
|
|
|
|
|
]
|
|
|
|
|
: widget.inputFormatters,
|
|
|
|
|
decoration: InputDecoration(
|
|
|
|
|
counterText: "",
|
|
|
|
|
hintText: widget.hintText,
|
|
|
|
|
hintStyle: TextStyle(
|
|
|
|
|
fontSize: widget.fontSize,
|
|
|
|
|
fontWeight: widget.fontWeight,
|
|
|
|
|
color: 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.type != "search"
|
|
|
|
|
? widget.prefixIcon != null
|
|
|
|
|
? Padding(
|
|
|
|
|
padding: EdgeInsets.only(
|
|
|
|
|
left: 28.0, top: 14.0, bottom: 14.0, right: 0),
|
|
|
|
|
child: Text(
|
|
|
|
|
"\$",
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
fontSize: 14, fontWeight: FontWeight.w800),
|
|
|
|
|
),
|
|
|
|
|
)
|
|
|
|
|
: null
|
|
|
|
|
: Icon(EvaIcons.search, size: 20.0, color: Colors.grey[500]),
|
|
|
|
|
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: 2.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: 2.0),
|
|
|
|
|
borderRadius: BorderRadius.circular(widget.bare ? 0.0 : 8.0)),
|
|
|
|
|
focusedBorder: OutlineInputBorder(
|
|
|
|
|
borderSide: BorderSide(
|
|
|
|
|
color: Theme.of(context)
|
|
|
|
|
.dividerColor
|
|
|
|
|
.withOpacity(widget.bare ? 0.0 : 1.0),
|
|
|
|
|
width: 2.0),
|
|
|
|
|
borderRadius: BorderRadius.circular(widget.bare ? 0.0 : 8.0)),
|
|
|
|
|
disabledBorder: OutlineInputBorder(
|
|
|
|
|
counterText: "",
|
|
|
|
|
hintText: widget.hintText,
|
|
|
|
|
hintStyle: TextStyle(
|
|
|
|
|
fontSize: widget.fontSize,
|
|
|
|
|
fontWeight: widget.fontWeight,
|
|
|
|
|
color: 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
|
|
|
|
|
: widget.fieldTextColor != null
|
|
|
|
|
? widget.fieldTextColor
|
|
|
|
|
: Theme
|
|
|
|
|
.of(context)
|
|
|
|
|
.backgroundColor,
|
|
|
|
|
suffixIcon: _buildSuffixIcon(),
|
|
|
|
|
prefixIcon: widget.type != "search"
|
|
|
|
|
? widget.prefixIcon != null
|
|
|
|
|
? Padding(
|
|
|
|
|
padding: EdgeInsets.only(
|
|
|
|
|
left: 28.0, top: 14.0, bottom: 14.0, right: 0),
|
|
|
|
|
child: Text(
|
|
|
|
|
"\$",
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
fontSize: 14, fontWeight: FontWeight.w800),
|
|
|
|
|
),
|
|
|
|
|
)
|
|
|
|
|
: null
|
|
|
|
|
: Icon(EvaIcons.search, size: 20.0, color: Colors.grey[500]),
|
|
|
|
|
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: widget.borderWidth),
|
|
|
|
|
borderRadius: widget.bare
|
|
|
|
|
? BorderRadius.circular(0.0)
|
|
|
|
|
: widget.borderRadius != null
|
|
|
|
|
? widget.borderRadius
|
|
|
|
|
: BorderRadius.circular(widget.borderRadiusValue)),
|
|
|
|
|
focusedErrorBorder: OutlineInputBorder(
|
|
|
|
|
borderSide: BorderSide(
|
|
|
|
|
color: Theme
|
|
|
|
|
.of(context)
|
|
|
|
|
.errorColor
|
|
|
|
|
.withOpacity(widget.bare ? 0.0 : 0.5),
|
|
|
|
|
width: widget.borderWidth),
|
|
|
|
|
borderRadius: widget.bare
|
|
|
|
|
? BorderRadius.circular(0.0)
|
|
|
|
|
: widget.borderRadius != null
|
|
|
|
|
? widget.borderRadius
|
|
|
|
|
: BorderRadius.circular(widget.borderRadiusValue)),
|
|
|
|
|
focusedBorder: OutlineInputBorder(
|
|
|
|
|
borderSide: BorderSide(
|
|
|
|
|
color: Theme
|
|
|
|
|
.of(context)
|
|
|
|
|
.dividerColor
|
|
|
|
|
.withOpacity(widget.bare ? 0.0 : 1.0),
|
|
|
|
|
width: widget.borderWidth),
|
|
|
|
|
borderRadius: widget.bare
|
|
|
|
|
? BorderRadius.circular(0.0)
|
|
|
|
|
: widget.borderRadius != null
|
|
|
|
|
? widget.borderRadius
|
|
|
|
|
: BorderRadius.circular(widget.borderRadiusValue)),
|
|
|
|
|
disabledBorder:
|
|
|
|
|
OutlineInputBorder(borderSide: BorderSide(color: Theme
|
|
|
|
|
.of(context)
|
|
|
|
|
.dividerColor
|
|
|
|
|
.withOpacity(widget.bare ? 0.0 : 1.0),
|
|
|
|
|
width: widget.borderWidth),
|
|
|
|
|
borderRadius: widget.bare ? BorderRadius.circular(0.0) : widget
|
|
|
|
|
.borderRadius != null ? widget.borderRadius : BorderRadius
|
|
|
|
|
.circular(widget.borderRadiusValue)),
|
|
|
|
|
enabledBorder: OutlineInputBorder(
|
|
|
|
|
borderSide: BorderSide(
|
|
|
|
|
color: Theme.of(context)
|
|
|
|
|
color: Theme
|
|
|
|
|
.of(context)
|
|
|
|
|
.dividerColor
|
|
|
|
|
.withOpacity(widget.bare ? 0.0 : 1.0),
|
|
|
|
|
width: 2.0),
|
|
|
|
|
borderRadius: BorderRadius.circular(widget.bare ? 0.0 : 8.0)),
|
|
|
|
|
enabledBorder: OutlineInputBorder(
|
|
|
|
|
borderSide: BorderSide(
|
|
|
|
|
color: Theme.of(context)
|
|
|
|
|
.dividerColor
|
|
|
|
|
.withOpacity(widget.bare ? 0.0 : 1.0),
|
|
|
|
|
width: 2.0),
|
|
|
|
|
borderRadius: BorderRadius.circular(widget.bare ? 0.0 : 8.0),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
width: widget.borderWidth),
|
|
|
|
|
borderRadius: widget.bare
|
|
|
|
|
? BorderRadius.circular(0.0)
|
|
|
|
|
: widget.borderRadius != null
|
|
|
|
|
? widget.borderRadius
|
|
|
|
|
: BorderRadius.circular(widget.borderRadiusValue),
|
|
|
|
|
)),
|
|
|
|
|
),
|
|
|
|
|
));
|
|
|
|
|
}
|
|
|
|
|
|