如何使用intl_phone_number_input使国家代码进入flutter中的表单字段
如何使用intl_phone_number_input使国家代码进入flutter中的表单字段
提问于 2021-04-17 15:39:15
我想让国家代码选择像一个前缀图标一样出现在textformfield()中。我该怎么做？。这是我在intl_phone_number_input中使用的代码。
InternationalPhoneNumberInput(
onInputChanged: (PhoneNumber number) {
print(number.phoneNumber);
},
onInputValidated: (bool value) {
print(value);
},
selectorConfig: SelectorConfig(
selectorType: PhoneInputSelectorType.BOTTOM_SHEET,
),
ignoreBlank: false,
autoValidateMode: AutovalidateMode.disabled,
selectorTextStyle: TextStyle(color: Colors.black),
initialValue: number,
textFieldController: controller,
formatInput: false,
keyboardType:
TextInputType.numberWithOptions(signed: true, decimal: true),
inputBorder: OutlineInputBorder(),
onSaved: (PhoneNumber number) {
print('On Saved: $number');
},
),Stack Overflow用户
发布于 2021-07-22 18:51:53
您需要将InternationalPhoneNumberInput内部的setSelectorButtonAsPrefixIcon设置为true。
selectorConfig: const SelectorConfig(
selectorType: PhoneInputSelectorType.BOTTOM_SHEET,
setSelectorButtonAsPrefixIcon: true,
leadingPadding: 20,
useEmoji: true,
),页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67135843
复制相关文章
相似问题
腾讯云开发者
