Flutter地址选择插件fl_address_picker的使用

fl_address_picker

图片地址：

欢迎访问我的个人网站：https://www.sshlearning.cn

欢迎访问我的GitHub并邀请你一起构建更多项目：https://github.com/ssh199956

欢迎访问我的个人博客：https://blog.sshlearning.cn

欢迎关注我的文档内容：https://data.sshlearning.cn

欢迎访问我在学习期间制作的静态电商网站：https://shenfeng.sshlearning.cn

Getting Started

fl_address_picker 是一个支持地址选择的Flutter插件，适用于Android、iOS等平台。

Usage

以下是一个简单的示例，展示如何在Flutter应用中使用fl_address_picker插件：

import 'package:flutter/material.dart';
import 'package:fl_address_picker/fl_address_picker.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  // 用于存储当前选中的省市区信息
  String selectedProvince = '';
  String selectedCity = '';
  String selectedDistrict = '';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("地址选择插件示例"),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('选择地址'),
          onPressed: () {
            showModalBottomSheet(
              backgroundColor: Colors.black45,
              context: context,
              builder: (BuildContext context) {
                return Container(
                  color: Colors.grey[800],
                  height: 250.0,
                  child: AddressPicker(
                    style: TextStyle(color: Colors.white, fontSize: 17),
                    mode: AddressPickerMode.provinceCityAndDistrict, // 设置为省市区三级模式
                    onSelectedAddressChanged: (Address address) {
                      setState(() {
                        selectedProvince = address.currentProvince.province;
                        selectedCity = address.currentCity.city;
                        selectedDistrict = address.currentDistrict.district;
                      });
                    },
                    onTap: () {
                      // 可以在这里处理点击事件
                    },
                  ),
                );
              },
            );
          },
        ),
      ),
    );
  }
}

Property

mode

/// 选择模式
/// province 一级: 省
/// provinceAndCity 二级: 省市 
/// provinceCityAndDistrict 三级: 省市区
final AddressPickerMode mode;

onSelectedAddressChanged

/// 选中的地址发生改变回调
final AddressCallback onSelectedAddressChanged;

style

/// 省市区文字显示样式
final TextStyle style;