Flutter巴西地址查询插件viacep_proway的使用

Flutter巴西地址查询插件viacep_proway的使用

简介

ViaCEP

此插件实现了与ViaCEP服务的集成。

除了集成本身，还提供了一些组件，可以用于显示从特定邮政编码捕获的信息。

使用步骤

步骤 1: 添加依赖

首先，在你的pubspec.yaml文件中添加viacep_proway依赖：

dependencies:
  viacep_proway: ^1.0.0

然后运行flutter pub get以获取该依赖。

步骤 2: 创建主应用

创建一个新的Flutter项目，并在main.dart文件中设置基本的UI结构。以下是一个简单的例子：

import 'package:example/screens/homeCep.dart';
import 'package:flutter/material.dart';
import 'package:viacep_proway/viacep_proway.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Exercicio3(), // 替换为你的首页组件
    );
  }
}

步骤 3: 实现地址查询功能

在你的首页组件中实现地址查询功能。这里展示一个简单的例子：

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

class Exercicio3 extends StatefulWidget {
  [@override](/user/override)
  _Exercicio3State createState() => _Exercicio3State();
}

class _Exercicio3State extends State<Exercicio3> {
  final TextEditingController _cepController = TextEditingController();
  Map<String, dynamic> _addressData;

  Future<void> _fetchAddress(String cep) async {
    try {
      _addressData = await ViaCepProway.fetchAddress(cep);
      setState(() {});
    } catch (e) {
      print('Error fetching address: $e');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Consulta de Endereço'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _cepController,
              decoration: InputDecoration(
                labelText: 'Digite o CEP',
                border: OutlineInputBorder(),
              ),
            ),
            SizedBox(height: 16.0),
            ElevatedButton(
              onPressed: () {
                String cep = _cepController.text;
                if (cep.isNotEmpty && cep.length == 8) {
                  _fetchAddress(cep);
                } else {
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(content: Text('CEP inválido!')),
                  );
                }
              },
              child: Text('Consultar Endereço'),
            ),
            SizedBox(height: 16.0),
            _addressData != null
                ? Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text('Logradouro: ${_addressData['logradouro']}'),
                      Text('Bairro: ${_addressData['bairro']}'),
                      Text('Cidade: ${_addressData['localidade']}'),
                      Text('Estado: ${_addressData['uf']}'),
                    ],
                  )
                : Container(),
          ],
        ),
      ),
    );
  }
}