internal/flutter_input_library
5
0
Fork 0
mirror of https://github.com/Iconica-Development/flutter_input_library.git synced 2025-05-18 17:03:45 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: Chang dial code selector to prefix icon

Browse source
This commit is contained in:
Jacques 2024-02-21 13:55:02 +01:00
parent 919f461125
commit 8e8fe01467
6 changed files with 65 additions and 71 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
CHANGELOG.md
View file

@ -72,3 +72,7 @@
## 3.2.0
* Added `FlutterFormInputPhone`
## 3.2.1
* Added `PhoneNumber` model to save the `FlutterFormInputPhone` result.
* Added more customization for `FlutterFormInputPhone`.

2
lib/src/inputs/bool/bool_field.dart
View file

@ -85,7 +85,6 @@ class _BoolWidgetState extends State<BoolWidget> {
focusNode: widget.focusNode,
onChanged: onChanged,
);
break;
case BoolWidgetType.checkbox:
child = Checkbox(
@ -97,7 +96,6 @@ class _BoolWidgetState extends State<BoolWidget> {
}
},
);
break;
}
return Column(

6
lib/src/inputs/date_picker/date_picker_field.dart
View file

@ -107,7 +107,7 @@ class _DateInputFieldState extends State<DateTimeInputField> {
userInput = unformatted != null
? widget.dateFormat.format(unformatted)
: userInput;
break;
case FlutterFormDateTimeType.dateTime:
await getInputFromUser(FlutterFormDateTimeType.date)
.then((value) async {
@ -132,7 +132,7 @@ class _DateInputFieldState extends State<DateTimeInputField> {
}
}
});
break;
case FlutterFormDateTimeType.range:
if (context.mounted) {
userInput = await showDateRangePicker(
@ -147,7 +147,7 @@ class _DateInputFieldState extends State<DateTimeInputField> {
: '',
);
}
break;
case FlutterFormDateTimeType.time:
if (context.mounted) {
userInput = await showTimePicker(

120
lib/src/inputs/phone/phone.dart
View file

@ -21,9 +21,8 @@ class FlutterFormInputPhone extends StatefulWidget {
this.dialCodeSelectorStyle,
this.enabled = true,
this.priorityCountries = const ['NL', 'BE', 'LU'],
this.dialCodeSelectorUnderline,
this.dialCodeSelectorWidth = 100,
this.dialCodeWrapper,
this.textAlignVertical = TextAlignVertical.top,
this.dialCodeSelectorPadding = const EdgeInsets.only(top: 6),
});
final InputDecoration? decoration;
@ -37,9 +36,8 @@ class FlutterFormInputPhone extends StatefulWidget {
final TextStyle? dialCodeSelectorStyle;
final bool enabled;
final List<String>? priorityCountries;
final Widget? dialCodeSelectorUnderline;
final double dialCodeSelectorWidth;
final Widget Function(Widget child)? dialCodeWrapper;
final EdgeInsets dialCodeSelectorPadding;
final TextAlignVertical textAlignVertical;
@override
State<FlutterFormInputPhone> createState() => _FlutterFormInputPhoneState();
@ -87,68 +85,62 @@ class _FlutterFormInputPhoneState extends State<FlutterFormInputPhone> {
label: widget.label ?? const Text('Phone number'),
);
var dropDownButton = DropdownButton(
value: _selectedCountry,
style: widget.dialCodeSelectorStyle,
underline: widget.dialCodeSelectorUnderline,
items: [
for (var country in _countryList) ...[
DropdownMenuItem(
value: country,
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text(country.flag),
const SizedBox(
width: 4,
return FlutterFormInputPlainText(
label: widget.label,
style: widget.numberFieldStyle,
initialValue: widget.initialValue?.number,
onSaved: (value) => widget.onSaved?.call(
PhoneNumber(dialCode: _selectedCountry.dialCode, number: value),
),
validator: (value) => widget.validator?.call(
PhoneNumber(dialCode: _selectedCountry.dialCode, number: value),
),
onChanged: (value) => widget.onChanged?.call(
PhoneNumber(dialCode: _selectedCountry.dialCode, number: value),
),
onFieldSubmitted: (value) => widget.onFieldSubmitted?.call(
PhoneNumber(dialCode: _selectedCountry.dialCode, number: value),
),
decoration: inputDecoration.copyWith(
contentPadding: EdgeInsets.zero,
prefixIcon: Padding(
padding: widget.dialCodeSelectorPadding,
child: DropdownButton(
padding: EdgeInsets.zero,
elevation: 0,
value: _selectedCountry,
style: widget.dialCodeSelectorStyle,
underline: const SizedBox.shrink(),
items: [
for (var country in _countryList) ...[
DropdownMenuItem(
value: country,
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text(country.flag),
const SizedBox(
width: 4,
),
Text('+${country.dialCode}'),
],
),
),
Text('+${country.dialCode}'),
],
),
),
],
],
onChanged: (value) {
if (value != null) {
setState(() {
_selectedCountry = value;
});
}
},
);
return Row(
children: [
Container(
padding: const EdgeInsets.only(top: 16),
width: widget.dialCodeSelectorWidth,
child: widget.dialCodeWrapper?.call(dropDownButton) ?? dropDownButton,
),
const SizedBox(
width: 16,
),
Expanded(
child: FlutterFormInputPlainText(
style: widget.numberFieldStyle,
initialValue: widget.initialValue?.number,
onSaved: (value) => widget.onSaved?.call(
PhoneNumber(dialCode: _selectedCountry.dialCode, number: value),
),
validator: (value) => widget.validator?.call(
PhoneNumber(dialCode: _selectedCountry.dialCode, number: value),
),
onChanged: (value) => widget.onChanged?.call(
PhoneNumber(dialCode: _selectedCountry.dialCode, number: value),
),
onFieldSubmitted: (value) => widget.onFieldSubmitted?.call(
PhoneNumber(dialCode: _selectedCountry.dialCode, number: value),
),
decoration: inputDecoration,
keyboardType: TextInputType.phone,
enabled: widget.enabled,
],
onChanged: (value) {
if (value != null) {
setState(() {
_selectedCountry = value;
});
}
},
),
),
],
),
keyboardType: TextInputType.phone,
enabled: widget.enabled,
textAlignVertical: widget.textAlignVertical,
);
}
}

2
lib/src/inputs/phone/phone_number_model.dart
View file

@ -1,5 +1,5 @@
class PhoneNumber {
PhoneNumber({
const PhoneNumber({
this.dialCode,
this.number,
});

2
pubspec.yaml
View file

@ -1,6 +1,6 @@
name: flutter_input_library
description: A new Flutter package project.
version: 3.2.0
version: 3.2.1
repository: https://github.com/Iconica-Development/flutter_input_library
environment: