can I insert prefix text into the database? prefix text like this:
I think prefix text (+62) entered the database when it was submitted but no ... is there another way to have +62 auto in TextFormField and can it enter the database ??
and this is my code `
TextFormField(
controller: controllerPhone,
decoration: InputDecoration(
labelText: "Phone",
icon: Icon(Icons.phone),
prefixText: '+62',
),
validator: validatePhoneNumber,
onSaved: (String value) {
phone = value;
}, ),
`
Make the prefix a variable and concatenate it in your onSaved():
String _prefix = '+62'; // somewhere in your code
TextFormField(
controller: controllerPhone,
decoration: InputDecoration(
labelText: "Phone",
icon: Icon(Icons.phone),
prefixText: _prefix,
),
validator: validatePhoneNumber,
onSaved: (String value) {
phone = '$_prefix $value';
},
Let me know how this works out for you.
Related
I want to write something like a function that generates TextFormFields with different names, but I don't want the labelText attribute to be const. That way I can easily rubber stamp out a bunch of similar fields that have different names.
For example
TextFormField myFormField(myMapType myMap, String fieldName) {
return TextFormField(
decoration: const InputDecoration(
border: OutlineInputBorder(),
labelText: fieldName,
),
validator: (value) {
if (value == null || value.isEmpty) {
return 'Please enter your $fieldName';
}
return null;
},
initialValue: myMap.attribute[fieldName],
onSaved: (val) {
setState(
() {
myMap.setAttribute(fieldName, val!);
},
);
});
}
But that gives an error "Invalid constant value" at the line "labelText: fieldName". What's the trick needed to accomplish what I'm trying to do? Or what dumb mistake did I make?
fieldName will get on runtime rather than compile time. Therefore you cant use const
You can do
return TextFormField(
decoration: InputDecoration(
border: const OutlineInputBorder(), //this can be const
labelText: fieldName,
),
validator: (value) {
You can check What is the difference between the "const" and "final" keywords in Dart?
I have name field in profile page. I want to restrict user from adding leading spaces. But in the process what I did is the user can't put any space now. I want him to simple enter "Arjun Malhotra" and not " space space space Arjun Malhotra"......
This is the code
child: TextFormField(
inputFormatters: [
FilteringTextInputFormatter
.deny(
RegExp('[ ]')),
],
maxLength: 20,
readOnly: !edit,
controller: name,
autovalidateMode:
AutovalidateMode
.onUserInteraction,
autofocus: true,
validator: (value) {
RegExp regex =
RegExp(r'^.{3,}$');
if (value!.isEmpty) {
return ("Name can't be empty");
}
if (!regex
.hasMatch(value)) {
return ("Name can't be empty");
}
if (value.trim() ==
"") {
return ("Name can't be empty");
}
if (value
.trim()
.length <=
2) {
return ("Minimum of 3 characters Required");
}
return null;
},
onSaved: (value) {
name.text = value!;
},
onChanged: (value) {
context
.read<
ProfileDetails>()
.name = value;
},
decoration:
InputDecoration(
counterText: "",
filled: true,
fillColor: const Color(
0xFFC2E3FE),
enabledBorder:
InputBorders
.enabled,
errorBorder:
InputBorders.error,
focusedErrorBorder:
InputBorders.error,
border:
InputBorder.none,
focusedBorder:
InputBorders
.focused,
contentPadding:
const EdgeInsets
.only(
left: 30,
right: 10),
hintText: "Name",
),
),
Above code only allows this format "ArjunMalhotra". How can I achieve what I want and also I dont want user to add emojis. Is there a special keyboard type I need to specify or what?
^\s*: This will match any (*) whitespace (\s) at the beginning (^) of the text
inputFormatters: [
FilteringTextInputFormatter.deny(RegExp(r'^\s*')),
],
I have a flutter app which accepts an amount of money as input using a textformfield. I would like to format the input in textformfield so that whatever is being input can be formatted as currency copmlete wiht thousand separator commas. I have tried using the intl package number formatter but all I can do is print it to the command line.
Here is how it looks currently
This is how I would like it to look like
This is the textfield code
TextEditingController currencyControler = TextEditingController();
String? amount;
TextFormField(
controller: currencyControler,
keyboardType: TextInputType.number,
validator: (value) {
if (value!.isEmpty) {
return 'Please enter an amount';
}
return null;
},
onSaved: (String? value) {
amount = value;
},
decoration: InputDecoration(
icon: const Icon(Icons.money_outlined),
labelText: "Amount",
hintText: 'Enter an amount',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8.0),
),
),
)
How can I format the input so that the comma separators appear as any number is being entered
Try below code hope its helpful to you.Used intl package here for number formation
Your functions:
TextEditingController currencyControler = TextEditingController();
String formNum(String s) {
return NumberFormat.decimalPattern().format(
int.parse(s),
);
}
Your Widget:
TextFormField(
controller: currencyControler,
decoration: InputDecoration(
border: OutlineInputBorder(),
prefixIcon: Icon(
Icons.money,
)),
keyboardType: TextInputType.number,
onChanged: (string) {
string = '${formNum(
string.replaceAll(',', ''),
)}';
currencyControler.value = TextEditingValue(
text: string,
selection: TextSelection.collapsed(
offset: string.length,
),
);
},
),
Your result screen->
Here is the code that I want to delete the field from -
setPincode() {
return TextFormField(
keyboardType: TextInputType.number,
controller: pincodeC,
readOnly: true,
style: Theme.of(context)
.textTheme
.subtitle2
.copyWith(color: colors.fontColor),
inputFormatters: [FilteringTextInputFormatter.digitsOnly],
onSaved: (String value) {
pincode = value;
},
validator: (val) =>
validatePincode(val, getTranslated(context, 'PIN_REQUIRED')),
decoration: InputDecoration(
hintText: getTranslated(context, 'PINCODEHINT_LBL'),
isDense: true,
),
);
}
Or you can see in this image what I want to remove
You are calling a function called setPincode that returns this TextFormField. Don't call setPincode if you no longer need it.
I want to use do some sanitization like trimming a string before the validator function is called. I don't want to do it in the onChange method but wait until the user finsehes his input.
TextFormField(
decoration: InputDecoration(
labelText: 'Email*', hintText: "john.doe#gmail.com"),
keyboardType: TextInputType.emailAddress,
validator: emailValidator,
onChanged: (String str) {
}
),