基于 Flutter 的CityPickers 城市选择器

最新推荐文章于 2024-06-28 15:03:04 发布
最新推荐文章于 2024-06-28 15:03:04 发布
阅读量5.2k 收藏 2
点赞数 1
文章标签： 移动开发 人工智能 git
原文链接：https://juejin.im/post/5c642830e51d45016463781f
版权
这篇博客介绍了如何基于Flutter创建CityPickers城市选择器，包括iOS风格的底部弹窗和Android&iOS全屏三级联动选择器。功能上支持自定义主题颜色、初始化选择地区及六种显示模式。使用方法采用静态函数调用，提供了详细的参数说明，并提供了一个本地运行示例git:city_pickers。此外，还提及了flutter-go，这是一个帮助Flutter开发者学习的APP，包含140+组件的示例和中文文档。
摘要由CSDN通过智能技术生成

写在前面

最近在跟着flutter-go项目学习研究, 发现有一位同学提出了一条建议

@songshitong 有flutter的城市选择组件(city picker)吗 android和iOS风格的？ 类似于这个

我就在本地简单的去模拟实现了一下. 发现代码逻辑部份比较简单. 所以就简单的封装成一个package. 发布到了Dart Pub上边, 欢迎大家扔板砖~

效果

暂时实现了二种

  • ios风格, 底部弹窗
  • android&ios 全屏三级联动选择器

功能

  • 支持配置主题颜色
  • 支持初始化选择地区, 可以是省市县任何层级
  • 支持配置显示模式, 可以只选择省,只选择市...六种显示方式

使用方法

最初设计的时候. 想着以Widget的方式, 扔给大家使用. 可是试了几种方式, 使用起来都比较

最低0.47元/天 解锁文章
weixin_34270606
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
flutter_pickers：flutter选择器库，包括日期和时间选择器（可设置范围），单项选择器（可用于性别，民族，学历，星座，年龄，身高，体重，温度等），城市地址选择器（分省）级，地级及县级），多个选择器等……欢迎Fork＆pr贡献您的代码，大家共同学习
02-10
flutter_pickers 文档语言： | flutter选择器库，包括日期和时间选择器（可设置范围），单项选择器（可用于性别，民族，学历，星座，年龄，身高，体重，温度等），城市地址选择器（分省级，地级及县级），多个选择器等……欢迎Fork＆pr贡献您的代码，大家共同学习 例 用法 1.依赖 dependencies : flutter_pickers : ^1.0.0 2.获取 $ flutter packages get 3.安装 import 'package:flutter_pickers/pickers.dart' ; 目录 地址选择器 Pickers.showAddressPicker（） 支持三级联动 支持自定义颜色，大小等样式 支持显示'全部'选项 支持只选择省市2级 支持查询城市码 实时最高 三级选择器动图 二级静态图 简单使用 String in
locationpicker:Flutter的位置选择器
05-04
Flutter for Flutter中缺少的位置选择器。 具有深色主题和自定义本地化支持。 :warning: 请注意：该库将不受场地选择器的弃用而受到影响，。 :lollipop: 请记住为您的API密钥启用Places API ， Maps SDK for ...
Flutter城市(省市区)选择器
qq_42772570的博客
12-19 4304
Flutter城市(省市区)选择器 https://juejin.cn/post/6844903945580593160
flutter开发实战-ListWheelScrollView与自定义TimePicker时间选择器
最新发布
一名开发者
06-28 689
自定义TimePicker使用ListWheelScrollView自定义TimePicker有小时和分钟，左边显示小时，右边显示分钟。点击确定确认选择的时间，时间格式为10:20onSelectedItemChanged来确认选择的item完整代码如下super.key,});width;height;
flutter城市选择器
wsxqaz的专栏
02-04 2119
做项目需要选择城市，flutter现成组件里没找到有全屏的，这里写了一个 https://gitee.com/tcyjc/flutter_city_cn
Flutter移动应用开发 - 城市选择器
如果没有躺赢的命，那就站起来奔跑，你的努力一定会对得起这一路的颠沛流离。
02-07 1177
服务于管理员界面的库存管理功能，在进入库存管理子界面后选择城市，根据城市购买管理库存。城市选择器点击后跳出底边三列滚动滑轮，选择城市。
flutter 省市区选择器 city_pickers 的简单实用
weixin_30906425的博客
07-03 2130
Github地址：https://github.com/hanxu317317/city_pickers packages地址:https://pub.flutter-io.cn/packages/city_pickers#-readme-tab- 1、将其添加到包的pubspec.yaml文件中，并下载： city_pickers: ^0.1.18 2、在需要使用的...
flutter日期选择器 flutter时间选择器
08-25
在Flutter开发中，日期选择器（DatePicker）和时间选择器（TimePicker）是常见的用户界面组件，用于让用户方便地选择日期或时间。这两个组件在创建表单、日程管理或其他需要用户输入日期或时间的应用场景中非常实用...
Flutter入门与实战：日期选择器
09-15
在本文中，我们将深入探讨Flutter框架中的日期选择器，这对于任何想要开发Android或跨平台应用程序的开发者来说都是一个重要的知识点。Flutter，Google推出的开源UI工具包，以其高性能、丰富的自定义能力和热重载...
Flutter入门与实战：日期范围选择器
09-17
在本文中，我们将深入探讨 Flutter 开发中的一个关键组件——日期范围选择器。Flutter 是 Google 推出的一款用于构建高性能、美观的原生移动应用程序的开源框架，它使用 Dart 语言编写，支持快速开发和热重载功能。...
flutter常用插件
lpfasd123的博客
12-14 2427
audio_recorder: any #录音、播放 flutter_sound: ^1.1.5#录音 dropdown_menu: ^1.1.0#下拉菜单 simple_permissions:#权限获取 easy_alert:#弹框 amap_location: any #高德地图 location: any #gogle位...
city_pickers:扑iOS的City_Pickers
04-29
Language: city_pickers 中国的城市三级联动选择器 Demo 开始 在flutter的项目文件中增加依赖 dependencies: ... city_pickers:^0.0.1 关于如何运行flutter项目, 参考官方文档. 使用方法 Import city_pickers.dart import 'package:city_pickers/city_pickers.dart'; 简单使用方法 ... // type 1 Result result = await CityPickers.showCityPicker( context: context, ); // type 2 Result result2 = await CityPickers.showFullPageCityPicker( context: context, ); //
三级联动 城市选择
10-14
PickerView 载https://github.com/saiwu-bigkoo/Android-PickerView 使用本地 json 作为城市的数据源
Flutter 侧滑栏及城市选择UI的实现方法
01-06
Flutter简介 Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。 它也是构建未来的Google Fuchsia 应用的主要方式。 目前移动市场上很多业务都需要开发Android/IOS两个端，开发成本比较高. Flutter 在跨端上凭借着性能优势关注量，使用度也持续上升.今天给大家分享在去年就写的一个Flutter版本的侧滑栏. 实现 先上一张实现效果图 SliderBar 实现 侧边是一个支持手势滑
CountryCodePicker:颤振包，用于显示国家_地区代码选择器
04-29
country_code_picker 用于显示国家/地区代码选择器的Flutter软件包。 它支持70种语言的i18n。 在网上查看示例！ 用法 只需将组件设置在应用程序中即可设置onChanged回调。 @override Widget build ( BuildContext context) => new Scaffold ( body : Center ( child : CountryCodePicker ( onChanged : print, // Initial selection and favorite can be one of code ('IT') OR dial_code('+39') initialSelection : 'IT' , favorite
国家地区区号选择demo
04-17
Android仿微信注册是国家地区区号选择demo。Android仿微信注册是国家地区区号选择demo。
flutter选择城市页面
androidhyf的博客
07-12 1214
【代码】flutter城市选择页面。
Flutter 制作城市选择界面
weixin_44911775的博客
05-11 1168
一、安装依赖 # 生产依赖 dependencies: azlistview: ^0.1.2 #选择城市 lpinyin: ^1.0.7 二、主页面 import 'dart:convert'; import 'package:azlistview/azlistview.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_snso
Flutter - 级联选择器组件（多维数组或树形结构、支持搜索）
iotjin的专栏
09-12 3576
Flutter - 级联选择器组件（多维数组或树形结构、支持搜索）二个级联选择器组件，支持两种不同的数据结构。一种是树形结构数据、支持搜索。一种是多维数组结构数据。
flutter实现城市选择器要怎么做
03-08
您可以使用 Flutter 自带的 CupertinoPicker 或者第三方库来实现城市选择器。其中，CupertinoPicker 是 iOS 风格的选择器，可以通过设置 itemExtent、onSelectedItemChanged 等属性来自定义选择器的样式和行为。而第...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值