Flutter 仿滴滴出行App
作者:Sky24n
链接:https://www.jianshu.com/p/f6d1206aa80a
绿色出行
Flutter 仿滴滴出行App
地图:采用高德地图,仅简单完成了部分功能,基础地图,地址检索,逆地理编码。
界面:仿滴滴主界面,地图中心请求动效果,服务tabs展开效果,地址检索界面,城市列表界面。
项目结构:详见作者另外一个Flutter完整项目flutter_wanandroid。????????????
目前本项目仅部分开源~
已开源内容:
1、Dart汉字转拼音库 lpinyin
2、城市列表,索引&悬停效果 AzListView
3、也许是目前最好用的Sp工具类 SpUtil
4、也许是目前最好用的屏幕工具类 ScreenUtil
5、国际化 fluintl
6、Dart常用工具类库 common_utils
lpinyin
import 'package:lpinyin/lpinyin.dart';String pinyin = PinyinHelper.getPinyin("成都市");
AzListView
import 'package:azlistview/azlistview.dart';AzListView({Key key,this.data,this.topData,this.itemBuilder,this.suspensionWidget,this.isUseRealIndex: true,this.itemHeight: 50,this.suspensionHeight: 40,this.onSusTagChanged,this.header,this.indexBarBuilder,this.indexHintBuilder,this.showIndexHint: true});
SpUtil
详细使用请参考仓库说明。
import 'package:flustars/flustars.dart'; // App启动时读取Sp数据,需要异步等待Sp初始化完成。
await SpUtil.getInstance();SpUtil.getString('key', defValue: '');
SpUtil.getInt('key', defValue: 0);/// save object example.
/// 存储实体对象示例。
City city = new City();
city.name = "成都市";
SpUtil.putObject("loc_city", city);Map dataStr = SpUtil.getObject("loc_city");
City hisCity = dataStr == null ? null : City.fromJson(dataStr);
print("thll Str: " + (hisCity == null ? "null" : hisCity.toString()));/// save object list example.
/// 存储实体对象List示例。
List<City> list = new List();
list.add(new City(name: "成都市"));
list.add(new City(name: "北京市"));
SpUtil.putObjectList("loc_city_list", list);List<Map> dataList = SpUtil.getObjectList("loc_city_list");
List<City> _cityList = dataList?.map((value) {return City.fromJson(value);
})?.toList();print("thll List: " + (_cityList == null ? "null" : _cityList.toString()));
ScreenUtil
详细使用请参考仓库说明。
import 'package:flustars/flustars.dart'; // 如果设计稿尺寸默认配置一致,无需该设置。 配置设计稿尺寸 默认 360.0 / 640.0 / 3.0
setDesignWHD(_designW,_designH,_designD); // 不依赖context
// 屏幕宽
double screenWidth = ScreenUtil.getInstance().screenWidth;
// 根据屏幕宽适配后尺寸
double adapterW100 = ScreenUtil.getInstance().getWidth(100); // 依赖context
// 屏幕宽
double screenWidth = ScreenUtil.getScreenW(context);
// 根据屏幕宽适配后尺寸
double adapterW100 = ScreenUtil.getScaleW(context, 100);
fluintl
详细使用请参考仓库说明。
import 'package:fluintl/fluintl.dart'; /// 替换字符串格式要求:'%\${index}\$s' ,{index} 第几个参数,从0开始。Ids.click_times: '%\$0\$s点击了%\$1\$s次'; IntlUtil.getString(context, Ids.click_times, params: ['Tom', '$_counter']);
/// print: Tom点击了0次/// 字符串获取
IntlUtil.getString(context, Ids.titleHome);
IntlUtil.getString(context, Ids.titleHome, params: [param1, param2]);
CustomLocalizations.of(context).getString(Ids.titleHome);
Screenshot
引导页
启动页
城市列表
项目地址:https://github.com/Sky24n/GreenTravel
Flutter 仿滴滴出行App相关推荐
- Flutter 仿滴滴出行App,2021最新华为Android校招面试题
项目结构:详见作者另外一个Flutter完整项目flutter_wanandroid.
- Android开发-基于百度地图API开发仿滴滴出行APP界面的实现
前 言 近年来,由于移动互联网快速的发展以及基于移动设备的APP的普及,移动互联网改变了人们的生活方式.从线上的电子支付到线下的出行,移动互联网是当今社会人们生活不可或缺的一部分,而线下出行的网约车的 ...
- 一人一本一年N手机,仿滴滴出行开发含700个功能网约车APP源码(二)
继上一篇仿照滴滴出行开发的网约车顺风车代驾APP软件源码功能开发文章,继续聊一下司机端具有哪些功能. 在开发司机端的APP过程中,从只有一个早期的高德地图安卓版本,发展到大改框架.新增高德地图安卓版司 ...
- 一人一本一年N手机,仿滴滴出行开发含700个功能网约车APP源码(一)
四年前接到一个项目,仿照滴滴出行开发一套网约车顺风车代驾APP软件源码,功能要求不高,只要有安卓乘客端.安卓司机端.苹果乘客端.PC管理后台:能注册.登录.下单.抢单.结算.在线支付.评价.订单管理即 ...
- 网易称暴雪离婚不离身;苹果发布 M2 Pro 和 M2 Max 芯片;滴滴出行 App 已重新上架安卓应用商店 | 极客头条...
「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 整理 | 郑丽媛 出品 | CSDN(ID:CSDNnews ...
- 网易称暴雪离婚不离身;苹果发布 M2 Pro 和 M2 Max 芯片;滴滴出行 App 已重新上架安卓应用商店 | 极客头条
「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 整理 | 郑丽媛 出品 | CSDN(ID:CSDNnews ...
- 高仿滴滴打车 android,仿滴滴出行页面Demo
Demo中实现的效果是仿照滴滴出行页面的效果. 1.上拉或下拉可回弹 2.可以将列表不断上拉,直至看到列表最底部内容 3.列表上拉直至列表内容超出屏幕范围后,然后不断下拉,下拉过程中,当拉到列表顶部内 ...
- 仿滴滴出行页面Demo
Demo中实现的效果是仿照滴滴出行页面的效果. 1.上拉或下拉可回弹 2.可以将列表不断上拉,直至看到列表最底部内容 3.列表上拉直至列表内容超出屏幕范围后,然后不断下拉,下拉过程中,当拉到列表顶部内 ...
- Vue2.0 仿滴滴出行项目
Vue2.0 仿滴滴出行项目 最近,各大社区出现很多小伙伴的vue项目,趁着这股热潮我也用vue撸了一个滴滴出行的项目. 效果预览 在线预览:demo 项目地址:github 主要技术栈 vue2.0 ...
最新文章
- Socket网络编程(2)--服务端实现
- 【树莓派】首发树莓派4原型机接口参数曝光
- spark python3.6_在mac上搭建spark+ipython环境
- yii2表单数据检查怎么自定义输出错误_人人都熟知的AIDA模型,怎么结合GA进行用户分析?...
- win10添加网络打印机_Mac可以访问Windows共享文件,添加网络打印机
- 《http权威指南》阅读笔记(六)
- R可能让您惊喜的10件事
- varchar和varchar2之间的区别
- 培训对于微软MCSA认证2011
- 广义预测控制及其matlab仿真,广义预测控制(GPC).doc
- 人机交互中的情境认知
- 网线不要离笔记本电源适配器太近
- plc通过无线通讯连接服务器,PLC无线通讯
- python爬虫构建国外代理池_建立爬虫代理ip池
- 微信公众号还适合投资和创业吗?
- 【整理+总结】pink老师前端三件套之HTML笔记(二)HTML标签
- 运维的一些日常知识点
- 6.Postman之批量执行
- 远程linux云主机,Linux实验室 远程连接Linux云主机方法
- 宽带响应超时服务器无应答,宽带服务器无应答怎么办