Home

Awesome

绿色出行

Flutter 仿滴滴出行App
地图:采用高德地图,仅简单完成了部分功能,基础地图,地址检索,逆地理编码。
界面:仿滴滴主界面,地图中心请求动效果,服务tabs展开效果,地址检索界面,城市列表界面。
项目结构:详见作者另外一个Flutter完整项目flutter_wanandroid。🔥🔥🔥

注意!目前本项目仅部分开源~并不包含地图相关功能。

已开源内容:
1、Dart汉字转拼音库 lpinyin
2、仿滴滴城市列表,索引&悬停效果 AzListView
3、仿滴滴某个版本引导页效果
4、仿滴滴某个版本主页面效果
5、仿滴滴国际化效果 fluintl
6、Flutter常用工具类库 flustars

近期github无法预览图片和外链下载。

1、App无法下载问题

这里提供最新下载方式。App链接

2、无法查看截图,大家可以去简书或掘金查看!

简书地址

掘金地址

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

支持get传入默认值,支持存储对象,支持存储对象数组。
详细使用请参考仓库说明。

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);
  
City hisCity = SpUtil.getObj("loc_city", (v) => City.fromJson(v));  
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<City> dataList = SpUtil.getObjList("loc_city_list", (v) => City.fromJson(v));

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 adapterSize = ScreenUtil.getInstance().getAdapterSize(100);

// 依赖context  
// 屏幕宽  
double screenWidth = ScreenUtil.getScreenW(context);  
// 根据屏幕宽适配后尺寸  
double adapterSize = ScreenUtil.getAdapterSizeCtx(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

引导页

<img src="https://raw.githubusercontent.com/Sky24n/LDocuments/master/AppImgs/green_travel/guide.gif" width="240">

启动页

<img src="https://raw.githubusercontent.com/Sky24n/LDocuments/master/AppImgs/green_travel/splash.gif" width="240">

主界面

<img src="https://raw.githubusercontent.com/Sky24n/LDocuments/master/AppImgs/green_travel/home.gif" width="240">

首页地图

<img src="https://raw.githubusercontent.com/Sky24n/LDocuments/master/AppImgs/green_travel/home_map.gif" width="240">

地址检索

<img src="https://raw.githubusercontent.com/Sky24n/LDocuments/master/AppImgs/green_travel/select_location.gif" width="240">

城市列表

<img src="https://raw.githubusercontent.com/Sky24n/LDocuments/master/AppImgs/green_travel/citylist.gif" width="240">

关于App

GitHub : GreenTravel
仅支持安卓Apk下载
APK点击下载:百度云盘地址
APK点击下载:绿色出行v0.0.2
APK扫码下载:
通道二

关于作者

GitHub : Sky24n
简书     : Sky24n
掘金     : Sky24n
Pub      : Sky24n
Email   : 863764940@qq.com

Flutter版玩安卓 flutter_wanandroid

GitHub stars GitHub forks GitHub watchers

Flutter仿滴滴出行 GreenTravel

GitHub stars GitHub forks GitHub watchers

Flutter常用工具类库 flustars

GitHub stars GitHub forks GitHub watchers

Dart常用工具类库 common_utils

GitHub stars GitHub forks GitHub watchers

Flutter城市列表 azlistview

GitHub stars GitHub forks GitHub watchers

Flutter汉字转拼音库 lpinyin

GitHub stars GitHub forks GitHub watchers

Flutter国际化库 fluintl

GitHub stars GitHub forks GitHub watchers