gpt4 book ai didi

flutter - 如何在电话号码前设置国家/地区代码?

转载 作者:行者123 更新时间:2023-12-03 04:16:06 47 4
gpt4 key购买 nike

我正在尝试将国家/地区代码放在电话号码之前。
我使用了country_pickers包,但是我的代码出了点问题,
我的TextField的hintText可见性消失了,什么也没显示

这是我的小部件

 Padding(
padding: const EdgeInsets.only(top: 5.0),
child: new Container(
padding: const EdgeInsets.only(left: 10.0),
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(5.0)),
border: Border.all(color: Colors.blue)
),
child: TextField(

keyboardType: TextInputType.phone,
decoration: InputDecoration(
border: InputBorder.none,
hintText: "Phone Number",
prefix: CountryPickerDropdown(
initialValue: 'in',
itemBuilder: _buildDropdownItem,
onValuePicked: (Country country) {
print("${country.name}");
},
),
),
onChanged: (value){
this.phoneNo=value;
},

),
),
),

这是国家代码的小部件方法
Widget _buildDropdownItem(Country country) => Container(
child: Row(
children: <Widget>[
CountryPickerUtils.getDefaultFlagImage(country),
SizedBox(
width: 8.0,
),
Text("+${country.phoneCode}(${country.isoCode})"),
],
),
);

最佳答案

正确的方法是在“行”小部件中。前缀在这里不起作用。

           Row(
children: <Widget>[
Expanded(
child: CountryPickerDropdown(
initialValue: 'in',
itemBuilder: _buildDropdownItem,
onValuePicked: (Country country) {
print("${country.name}");
},
),
),
Expanded(
child: TextField(
keyboardType: TextInputType.phone,
decoration: InputDecoration(
border: InputBorder.none,
hintText: "Phone Number",
),
onChanged: (value) {
// this.phoneNo=value;
print(value);
},
),
),
],
),

关于flutter - 如何在电话号码前设置国家/地区代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57457026/

47 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com