fl_address_picker 3.0.5 fl_address_picker: ^3.0.5 copied to clipboard
用Flutter实现的省市区选择器, 开箱即用.
TODO:
fl_address_picker #
As shown in the figure below:
图片地址:https://i.ibb.co/yFbbPj4/20230309-190707.jpg
Welcome to my personal website:https://www.sshlearning.cn
Welcome to my github and invite you to build more:https://github.com/ssh199956
Welcome to my personal blog:https://blog.sshlearning.cn Welcome to follow my document content:https://data.sshlearning.cn Welcome to the static e-commerce website made during my study:https://shenfeng.sshlearning.cn
Getting started #
A Flutter plugin that supports address_picker for selecting addresses, suitable for Android, iOS and other platforms.
Usage #
class _HomePageState extends State<HomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: FlatButton(
child: Text('show'),
onPressed: () {
showModalBottomSheet(
backgroundColor: Colors.black45,
context: context,
builder: (context) =>
BottomSheet(
onClosing: () {},
builder: (context) =>
Container(
color: EMOColors.root_bg,
height: 250.0,
child: AddressPicker(
style: TextStyle(
color: Colors.white, fontSize: 17),
mode: AddressPickerMode.province,
onSelectedAddressChanged: (address) {
logic.uploadArea.value =
address.currentProvince.province;
print(
'${address.currentProvince.province}');
},
onTap: setArea,
),
)));
},
),
),
);
}
}
Property #
- mode:
/// 选择模式
/// province 一级: 省
/// provinceAndCity 二级: 省市
/// provinceCityAndDistrict 三级: 省市区
final AddressPickerMode mode;
- onSelectedAddressChanged:
/// 选中的地址发生改变回调
final AddressCallback onSelectedAddressChanged;
- style:
/// 省市区文字显示样式
final TextStyle style;