[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9543":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":18,"lastSyncTime":29,"discoverSource":30},9543,"GreenTravel","Sky24n\u002FGreenTravel","Sky24n","Flutter 仿滴滴出行～ 仿滴滴主界面，地图中心请求动效果，服务tabs展开效果，地址检索界面，城市列表界面。","",null,"Dart",871,197,27,6,0,1,2,51.59,"BSD 2-Clause \"Simplified\" License",false,"master",true,[25],"didi","2026-06-12 04:00:45","# 绿色出行\nFlutter 仿滴滴出行App  \n地图：采用高德地图，仅简单完成了部分功能，基础地图，地址检索，逆地理编码。  \n界面：仿滴滴主界面，地图中心请求动效果，服务tabs展开效果，地址检索界面，城市列表界面。  \n项目结构：详见作者另外一个Flutter完整项目[flutter_wanandroid](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fflutter_wanandroid)。🔥🔥🔥  \n### 注意！目前本项目仅部分开源～并不包含地图相关功能。 \n已开源内容：  \n1、Dart汉字转拼音库 [lpinyin](https:\u002F\u002Fgithub.com\u002Fflutterchina\u002Flpinyin)  \n2、仿滴滴城市列表，索引&悬停效果 [AzListView](https:\u002F\u002Fgithub.com\u002Fflutterchina\u002Fazlistview)  \n3、仿滴滴某个版本引导页效果  \n4、仿滴滴某个版本主页面效果    \n5、仿滴滴国际化效果 [fluintl](https:\u002F\u002Fgithub.com\u002FSky24n\u002Ffluintl)  \n6、Flutter常用工具类库 [flustars](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fflustars)\n\n\n### 近期github无法预览图片和外链下载。\n1、App无法下载问题   \n\n这里提供最新下载方式。[App链接](https:\u002F\u002Fgithub.com\u002FSky24n\u002FDoc)\n  \n2、无法查看截图，大家可以去简书或掘金查看！  \n  \n[简书地址](https:\u002F\u002Fwww.jianshu.com\u002Fp\u002Ff6d1206aa80a)    \n\n[掘金地址](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5c6cc95e518825266c3f095a)\n\n### lpinyin\n```dart\nimport 'package:lpinyin\u002Flpinyin.dart';\n  \nString pinyin = PinyinHelper.getPinyin(\"成都市\");\n```\n\n### AzListView\n```dart\nimport 'package:azlistview\u002Fazlistview.dart';\n  \nAzListView(\n      {Key key,\n      this.data,\n      this.topData,\n      this.itemBuilder,\n      this.suspensionWidget,\n      this.isUseRealIndex: true,\n      this.itemHeight: 50,\n      this.suspensionHeight: 40,\n      this.onSusTagChanged,\n      this.header,\n      this.indexBarBuilder,\n      this.indexHintBuilder,\n      this.showIndexHint: true});  \n```\n\n### SpUtil  \n支持get传入默认值，支持存储对象，支持存储对象数组。  \n详细使用请参考仓库说明。\n```dart\nimport 'package:flustars\u002Fflustars.dart';  \n  \n\u002F\u002F App启动时读取Sp数据，需要异步等待Sp初始化完成。\nawait SpUtil.getInstance();\n\nSpUtil.getString('key', defValue: '');\nSpUtil.getInt('key', defValue: 0);\n  \n\u002F\u002F\u002F save object example.\n\u002F\u002F\u002F 存储实体对象示例。\nCity city = new City();\ncity.name = \"成都市\";\nSpUtil.putObject(\"loc_city\", city);\n  \nCity hisCity = SpUtil.getObj(\"loc_city\", (v) => City.fromJson(v));  \nprint(\"thll Str: \" + (hisCity == null ? \"null\" : hisCity.toString()));\n  \n\u002F\u002F\u002F save object list example.\n\u002F\u002F\u002F 存储实体对象List示例。\nList\u003CCity> list = new List();\nlist.add(new City(name: \"成都市\"));\nlist.add(new City(name: \"北京市\"));\nSpUtil.putObjectList(\"loc_city_list\", list);\n  \nList\u003CCity> dataList = SpUtil.getObjList(\"loc_city_list\", (v) => City.fromJson(v));\n\nprint(\"thll List: \" + (_cityList == null ? \"null\" : _cityList.toString()));    \n```\n  \n### ScreenUtil  \n详细使用请参考仓库说明。\n```dart\nimport 'package:flustars\u002Fflustars.dart';  \n  \n\u002F\u002F 如果设计稿尺寸默认配置一致，无需该设置。  配置设计稿尺寸 默认 360.0 \u002F 640.0 \u002F 3.0  \nsetDesignWHD(_designW,_designH,_designD);  \n\n\u002F\u002F 不依赖context  \n\u002F\u002F 屏幕宽  \ndouble screenWidth = ScreenUtil.getInstance().screenWidth;  \n\u002F\u002F 根据屏幕宽适配后尺寸  \ndouble adapterSize = ScreenUtil.getInstance().getAdapterSize(100);\n\n\u002F\u002F 依赖context  \n\u002F\u002F 屏幕宽  \ndouble screenWidth = ScreenUtil.getScreenW(context);  \n\u002F\u002F 根据屏幕宽适配后尺寸  \ndouble adapterSize = ScreenUtil.getAdapterSizeCtx(context, 100) \n```\n\n### fluintl  \n详细使用请参考仓库说明。\n```dart\nimport 'package:fluintl\u002Ffluintl.dart';  \n  \n\u002F\u002F\u002F 替换字符串格式要求：'%\\${index}\\$s' ，{index} 第几个参数，从0开始。\n\nIds.click_times: '%\\$0\\$s点击了%\\$1\\$s次';   \n   \nIntlUtil.getString(context, Ids.click_times, params: ['Tom', '$_counter']);  \n\u002F\u002F\u002F print: Tom点击了0次\n\n\u002F\u002F\u002F 字符串获取\nIntlUtil.getString(context, Ids.titleHome);\nIntlUtil.getString(context, Ids.titleHome, params: [param1, param2]);　\nCustomLocalizations.of(context).getString(Ids.titleHome);\n```\n\n## Screenshot  \n\n### 引导页\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FSky24n\u002FLDocuments\u002Fmaster\u002FAppImgs\u002Fgreen_travel\u002Fguide.gif\" width=\"240\">  \n   \n### 启动页\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FSky24n\u002FLDocuments\u002Fmaster\u002FAppImgs\u002Fgreen_travel\u002Fsplash.gif\" width=\"240\">   \n\n### 主界面\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FSky24n\u002FLDocuments\u002Fmaster\u002FAppImgs\u002Fgreen_travel\u002Fhome.gif\" width=\"240\">   \n\n### 首页地图\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FSky24n\u002FLDocuments\u002Fmaster\u002FAppImgs\u002Fgreen_travel\u002Fhome_map.gif\" width=\"240\">   \n\n### 地址检索\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FSky24n\u002FLDocuments\u002Fmaster\u002FAppImgs\u002Fgreen_travel\u002Fselect_location.gif\" width=\"240\">   \n\n### 城市列表\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FSky24n\u002FLDocuments\u002Fmaster\u002FAppImgs\u002Fgreen_travel\u002Fcitylist.gif\" width=\"240\">   \n\n### 关于App\nGitHub : [GreenTravel](https:\u002F\u002Fgithub.com\u002FSky24n\u002FGreenTravel)  \n仅支持安卓Apk下载  \nAPK点击下载：[百度云盘地址](https:\u002F\u002Fgithub.com\u002FSky24n\u002FFlutterRepos)  \nAPK点击下载：[绿色出行v0.0.2](https:\u002F\u002Fraw.githubusercontent.com\u002FSky24n\u002FLDocuments\u002Fmaster\u002FAppStore\u002Fgreen_travel_a.apk)  \nAPK扫码下载:   \n![通道二](https:\u002F\u002Fuser-gold-cdn.xitu.io\u002F2019\u002F2\u002F20\u002F1690a0ced26b695e?w=360&h=360&f=png&s=20552)  \n\n### 关于作者\nGitHub : [Sky24n](https:\u002F\u002Fgithub.com\u002FSky24n)  \n简书     : [Sky24n](https:\u002F\u002Fgithub.com\u002FSky24n)  \n掘金     : [Sky24n](https:\u002F\u002Fgithub.com\u002FSky24n)  \nPub      : [Sky24n](https:\u002F\u002Fpub.flutter-io.cn\u002Fpackages?q=email%3A863764940%40qq.com)    \nEmail   : 863764940@qq.com  \n  \nFlutter版玩安卓 [flutter_wanandroid](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fflutter_wanandroid)  \n  \n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FSky24n\u002Fflutter_wanandroid.svg?style=social&label=Star)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fflutter_wanandroid) [![GitHub forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002FSky24n\u002Fflutter_wanandroid.svg?style=social&label=Fork)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fflutter_wanandroid) [![GitHub watchers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fwatchers\u002FSky24n\u002Fflutter_wanandroid.svg?style=social&label=Watch)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fflutter_wanandroid)  \n  \nFlutter仿滴滴出行 [GreenTravel](https:\u002F\u002Fgithub.com\u002FSky24n\u002FGreenTravel)  \n  \n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FSky24n\u002FGreenTravel.svg?style=social&label=Star)](https:\u002F\u002Fgithub.com\u002FSky24n\u002FGreenTravel) [![GitHub forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002FSky24n\u002FGreenTravel.svg?style=social&label=Fork)](https:\u002F\u002Fgithub.com\u002FSky24n\u002FGreenTravel) [![GitHub watchers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fwatchers\u002FSky24n\u002FGreenTravel.svg?style=social&label=Watch)](https:\u002F\u002Fgithub.com\u002FSky24n\u002FGreenTravel)  \n  \nFlutter常用工具类库 [flustars](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fflustars)  \n  \n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FSky24n\u002Fflustars.svg?style=social&label=Star)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fflustars) [![GitHub forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002FSky24n\u002Fflustars.svg?style=social&label=Fork)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fflustars) [![GitHub watchers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fwatchers\u002FSky24n\u002Fflustars.svg?style=social&label=Watch)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fflustars)  \n  \nDart常用工具类库 [common_utils](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fcommon_utils)  \n  \n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FSky24n\u002Fcommon_utils.svg?style=social&label=Star)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fcommon_utils) [![GitHub forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002FSky24n\u002Fcommon_utils.svg?style=social&label=Fork)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fcommon_utils) [![GitHub watchers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fwatchers\u002FSky24n\u002Fcommon_utils.svg?style=social&label=Watch)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Fcommon_utils)  \n  \nFlutter城市列表 [azlistview](https:\u002F\u002Fgithub.com\u002Fflutterchina\u002Fazlistview)  \n  \n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fflutterchina\u002Fazlistview.svg?style=social&label=Star)](https:\u002F\u002Fgithub.com\u002Fflutterchina\u002Fazlistview) [![GitHub forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fflutterchina\u002Fazlistview.svg?style=social&label=Fork)](https:\u002F\u002Fgithub.com\u002Fflutterchina\u002Fazlistview) [![GitHub watchers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fwatchers\u002Fflutterchina\u002Fazlistview.svg?style=social&label=Watch)](https:\u002F\u002Fgithub.com\u002Fflutterchina\u002Fazlistview)  \n  \nFlutter汉字转拼音库 [lpinyin](https:\u002F\u002Fgithub.com\u002Fflutterchina\u002Flpinyin)  \n  \n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fflutterchina\u002Flpinyin.svg?style=social&label=Star)](https:\u002F\u002Fgithub.com\u002Fflutterchina\u002Flpinyin) [![GitHub forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fflutterchina\u002Flpinyin.svg?style=social&label=Fork)](https:\u002F\u002Fgithub.com\u002Fflutterchina\u002Flpinyin) [![GitHub watchers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fwatchers\u002Fflutterchina\u002Flpinyin.svg?style=social&label=Watch)](https:\u002F\u002Fgithub.com\u002Fflutterchina\u002Flpinyin)  \n  \nFlutter国际化库 [fluintl](https:\u002F\u002Fgithub.com\u002FSky24n\u002Ffluintl)  \n  \n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FSky24n\u002Ffluintl.svg?style=social&label=Star)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Ffluintl) [![GitHub forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002FSky24n\u002Ffluintl.svg?style=social&label=Fork)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Ffluintl) [![GitHub watchers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fwatchers\u002FSky24n\u002Ffluintl.svg?style=social&label=Watch)](https:\u002F\u002Fgithub.com\u002FSky24n\u002Ffluintl)  \n","绿色出行是一个使用Flutter框架开发的仿滴滴出行应用程序。该项目主要实现了滴滴出行主界面的UI设计，包括地图中心请求动画效果、服务tabs展开效果、地址检索界面及城市列表界面等功能，并且采用了高德地图的部分基础功能如地址检索和逆地理编码。它适合于对移动应用开发感兴趣的技术人员学习参考，特别是那些想要了解如何使用Flutter构建具有复杂用户交互界面的应用程序的开发者。项目中还包含了一些实用的库，比如用于汉字转拼音的lpinyin、实现城市列表悬停效果的AzListView等，这些组件可以独立应用于其他项目中以快速搭建相似的功能模块。","2026-06-11 03:23:19","top_language"]