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.
195 lines
7.6 KiB
Dart
195 lines
7.6 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: 4.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.symmetric(vertical: 0)
|
|
: EdgeInsets.symmetric(vertical: 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 ? SizeConfig.getHeightMultiplier() *
|
|
(SizeConfig.isWidthLarge ? 1.1 : 1.3)
|
|
: 0,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
widget.dropDownText == null
|
|
? Container(
|
|
height: widget.height != 0 && widget.maxLines == 1 ? widget.height! - 22 : null,
|
|
child: TextFormField(
|
|
textAlign: projectViewModel.isArabic ? TextAlign.right : TextAlign.left,
|
|
focusNode: _focusNode,
|
|
textAlignVertical: TextAlignVertical.center,
|
|
decoration: TextFieldsUtils.textFieldSelectorDecoration(widget.hintText!, "", true),
|
|
style: TextStyle(
|
|
fontSize: SizeConfig.textMultiplier * 1.7,
|
|
fontFamily: 'Poppins',
|
|
color: Color(0xFF575757),
|
|
),
|
|
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 : Colors.black,
|
|
),
|
|
)
|
|
: Container(),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
if (widget.validationError != null && widget.validationError!.isNotEmpty) TextFieldsError(error: widget.validationError!),
|
|
],
|
|
);
|
|
}
|
|
}
|