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.
226 lines
8.8 KiB
Dart
226 lines
8.8 KiB
Dart
import 'package:doctor_app_flutter/config/size_config.dart';
|
|
import 'package:doctor_app_flutter/core/viewModel/project_view_model.dart';
|
|
import 'package:doctor_app_flutter/widgets/shared/text_fields/text_field_error.dart';
|
|
import 'package:doctor_app_flutter/widgets/shared/text_fields/text_fields_utils.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../app_texts_widget.dart';
|
|
|
|
class AppTextFieldCustom extends StatefulWidget {
|
|
final double? height;
|
|
final GestureTapCallback? onClick;
|
|
final String? hintText;
|
|
final TextEditingController? controller;
|
|
final bool? isTextFieldHasSuffix;
|
|
final bool? hasBorder;
|
|
final String? dropDownText;
|
|
final IconButton? suffixIcon;
|
|
final Color? dropDownColor;
|
|
final bool? enabled;
|
|
final TextInputType? inputType;
|
|
final int? minLines;
|
|
final int? maxLines;
|
|
final List<TextInputFormatter>? inputFormatters;
|
|
final Function(String)? onChanged;
|
|
final VoidCallback? onFieldSubmitted;
|
|
|
|
final String? validationError;
|
|
final bool? isPrscription;
|
|
final bool? isSecure;
|
|
final bool focus;
|
|
final bool isSearchTextField;
|
|
|
|
AppTextFieldCustom({
|
|
this.height = 0,
|
|
this.onClick,
|
|
this.hintText,
|
|
this.controller,
|
|
this.hasBorder = true,
|
|
this.isTextFieldHasSuffix = false,
|
|
this.dropDownText,
|
|
this.suffixIcon,
|
|
this.dropDownColor,
|
|
this.enabled = true,
|
|
this.inputType,
|
|
this.minLines = 1,
|
|
this.maxLines = 1,
|
|
this.inputFormatters,
|
|
this.onChanged,
|
|
this.validationError,
|
|
this.isPrscription = false,
|
|
this.isSecure = false,
|
|
this.focus = false,
|
|
this.isSearchTextField = false,
|
|
this.onFieldSubmitted,
|
|
});
|
|
|
|
@override
|
|
_AppTextFieldCustomState createState() => _AppTextFieldCustomState();
|
|
}
|
|
|
|
class _AppTextFieldCustomState extends State<AppTextFieldCustom> {
|
|
final FocusNode _focusNode = FocusNode();
|
|
bool focus = false;
|
|
bool view = false;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_focusNode.addListener(() {
|
|
setState(() {
|
|
focus = _focusNode.hasFocus;
|
|
});
|
|
});
|
|
}
|
|
|
|
@override
|
|
void didUpdateWidget(AppTextFieldCustom oldWidget) {
|
|
if (widget.focus) _focusNode.requestFocus();
|
|
super.didUpdateWidget(oldWidget);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_focusNode.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
ProjectViewModel projectViewModel = Provider.of(context);
|
|
|
|
return Column(
|
|
children: [
|
|
Container(
|
|
height: widget.height != 0 && widget.maxLines == 1 ? widget.height! + 8 : null,
|
|
decoration: widget.hasBorder!
|
|
? TextFieldsUtils.containerBorderDecoration(
|
|
Color(0Xffffffff),
|
|
widget.validationError == null
|
|
? Color(0xFFEFEFEF)
|
|
: Colors.red.shade700,
|
|
)
|
|
: null,
|
|
padding:
|
|
EdgeInsets.only(top: 4.0, bottom: 0.0, left: 8.0, right: 8.0),
|
|
child: InkWell(
|
|
onTap: widget.onClick ?? null,
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Expanded(
|
|
child: Container(
|
|
padding: widget.dropDownText == null
|
|
? widget.isSearchTextField
|
|
? EdgeInsets.only(top: 10)
|
|
: EdgeInsets.only(top: 7.5)
|
|
: EdgeInsets.only(top: 0), // 8.0
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
// if ((widget.controller != null &&
|
|
// widget.controller.text != "") ||
|
|
// widget.dropDownText != null)
|
|
AppText(
|
|
widget.hintText!,
|
|
// marginTop: widget.hasHintmargin ? 0 : 30,
|
|
color: Color(0xFF2E303A),
|
|
fontSize: widget.isPrscription == false
|
|
? 11.0
|
|
// SizeConfig.getHeightMultiplier() *
|
|
// (SizeConfig.isWidthLarge ? 1.1 : 1.3)
|
|
: 0,
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: -0.44,
|
|
fontFamily: 'Poppins',
|
|
),
|
|
widget.dropDownText == null
|
|
? Container(
|
|
height:
|
|
widget.height != 0 && widget.maxLines == 1
|
|
? widget.height!- 22
|
|
: MediaQuery.of(context).size.height *
|
|
0.045,
|
|
child: TextFormField(
|
|
textAlign: projectViewModel.isArabic
|
|
? TextAlign.right
|
|
: TextAlign.left,
|
|
focusNode: _focusNode,
|
|
textAlignVertical: TextAlignVertical.top,
|
|
decoration: TextFieldsUtils
|
|
.textFieldSelectorDecoration(
|
|
widget.hintText!,
|
|
"", true),
|
|
style: TextStyle(
|
|
fontSize:
|
|
14.0, //SizeConfig.textMultiplier * 1.7,
|
|
fontFamily: 'Poppins',
|
|
color: Color(0xFF575757),
|
|
fontWeight: FontWeight.w400,
|
|
letterSpacing: -0.56,
|
|
),
|
|
controller: widget.controller,
|
|
keyboardType: widget.inputType ??
|
|
(widget.maxLines == 1
|
|
? TextInputType.text
|
|
: TextInputType.multiline),
|
|
enabled: widget.enabled,
|
|
minLines: widget.minLines,
|
|
maxLines: widget.maxLines,
|
|
inputFormatters:
|
|
widget.inputFormatters != null
|
|
? widget.inputFormatters
|
|
: [],
|
|
onChanged: (value) {
|
|
setState(() {});
|
|
if (widget.onChanged != null) {
|
|
widget.onChanged!(value);
|
|
}
|
|
},
|
|
onFieldSubmitted: (_)=>widget.onFieldSubmitted,
|
|
obscureText: widget.isSecure!),
|
|
)
|
|
: AppText(
|
|
widget!.dropDownText!,
|
|
fontFamily: 'Poppins',
|
|
color: Color(0xFF575757),
|
|
fontSize: SizeConfig.textMultiplier * 1.7,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
widget.isTextFieldHasSuffix!
|
|
? widget.suffixIcon != null
|
|
? Container(
|
|
margin: EdgeInsets.only(
|
|
bottom: widget.isSearchTextField
|
|
? (widget.controller!.text.isEmpty ||
|
|
widget.controller == null)
|
|
? 10
|
|
: 25
|
|
: 0),
|
|
child: widget.suffixIcon)
|
|
: InkWell(
|
|
child: Icon(
|
|
Icons.keyboard_arrow_down,
|
|
color: widget.dropDownColor != null
|
|
? widget.dropDownColor
|
|
: Color(0xff2E303A),
|
|
size: 12.0,
|
|
),
|
|
)
|
|
: Container(),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
if (widget.validationError != null && widget.validationError!.isNotEmpty) TextFieldsError(error: widget!.validationError!),
|
|
],
|
|
);
|
|
}
|
|
}
|