Android仿饿了么加减控件,Flutter + Native混合栈仿饿了么APP

前言

一个基于Flutter + Native混合开发的APP，请求数据均人为制造。

目前仅上传Android版本，iOS暂未上传

APK下载

Github地址

效果图：

实现功能：

首页

使用百度定位SDK获取用户位置信息；搜索功能基于百度语音SDK实现语音识别；骑手送餐界面基于百度地图SDK展示骑手和商铺覆盖物；

发现

使用瀑布流开源框架实现发现页面瀑布流效果

订单

展示用户历史订单列表，长按可删除订单

我的

使用Channel调用Native方法实现的用户更换头像功能(调用系统相册、系统相机、系统裁剪)

其他功能

网络请求失败重试；自定义Banner广告轮播器；点餐界面计数器位移旋转组合动画；自定义商铺详情界面门店介绍展开收缩控件

框架依赖

Flutter端

# 图片缓存框架

cached_network_image: ^2.0.0

# 浏览器框架

webview_flutter: ^0.3.19+9

# 瀑布流框架

flutter_staggered_grid_view: ^0.3.0

# 网络请求框架

dio: ^3.0.0

# 阿里混合栈框架

flutter_boost:

git:

url: 'https://github.com/alibaba/flutter_boost.git'

ref: '1.12.13'

复制代码

Android端

dependencies {

implementation fileTree(dir: 'libs', include: ['*.aar', '*.jar'], exclude: [])

implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"

implementation 'androidx.appcompat:appcompat:1.1.0'

implementation 'androidx.core:core-ktx:1.2.0'

implementation 'androidx.constraintlayout:constraintlayout:1.1.3'

testImplementation 'junit:junit:4.12'

androidTestImplementation 'androidx.test.ext:junit:1.1.1'

androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'

// Android Flutter 混编步骤三

implementation project(':flutter')

// 依赖阿里混合栈框架

implementation project(':flutter_boost')

}

复制代码

关于找一找教程网

本站文章仅代表作者观点，不代表本站立场，所有文章非营利性免费分享。

本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章，希望广大程序员努力学习，让我们用科技改变世界。

[Flutter + Native混合栈仿饿了么APP]http://www.zyiz.net/tech/detail-134348.html