likes
comments
collection
share

Flutter城市(省市区)选择器

作者站长头像
站长
· 阅读数 27

Flutter城市(省市区)选择器

address_picker

pub: pub.flutter-io.cn/packages/ad…

github: github.com/SiriDx/addr…

Flutter城市(省市区)选择器

添加依赖

dependencies:
    address_picker: ^0.0.1

简单使用

import 'package:address_picker/address_picker.dart';
class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: FlatButton(
          child: Text('show'),
          onPressed: () {
            showModalBottomSheet(
                context: context,
                builder: (context) => BottomSheet(
                    onClosing: () {},
                    builder: (context) => Container(
                          height: 250.0,
                          child: AddressPicker(
                            style: TextStyle(color: Colors.black, fontSize: 17),
                            mode: AddressPickerMode.provinceCityAndDistrict,
                            onSelectedAddressChanged: (address) {
                              print('${address.currentProvince.province}');
                              print('${address.currentCity.city}');
                              print('${address.currentDistrict.area}');
                            },
                          ),
                        )));
          },
        ),
      ),
    );
  }
}

属性

  • mode:
/// 选择模式
/// province 一级: 省
/// provinceAndCity 二级: 省市 
/// provinceCityAndDistrict 三级: 省市区
final AddressPickerMode mode;
  • onSelectedAddressChanged:
/// 选中的地址发生改变回调
final AddressCallback onSelectedAddressChanged;
  • style:
/// 省市区文字显示样式
final TextStyle style;
转载自:https://juejin.cn/post/6844903945580593160
评论
请登录