Flutter 到底能不能做 APP， GetX 能实战么，我上架了一款APP Helber

Posted 2021-11-23 会煮咖啡的猫咪

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-x0aiM1aR-1635225144214)(https://ducafecat.tech/2021/10/26/translation/my-app-helber-v2/2021-10-26-11-26-09.png)]

前言

群里有不少新加入的朋友，大家会有一个疑惑，就是 Flutter 做 app 到底靠谱么。

还有这个 GetX 实战中的表现如何，是否有大坑。

我这边上架了一款产品 helber，大家可以直观的体验下。

• 官方
  https://helberapp.com/

• 苹果店
  https://apps.apple.com/app/id1533390110

• 谷歌店
  https://play.google.com/store/apps/details?id=com.zykj.qubang

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lCbaf9BO-1635225144215)(https://ducafecat.tech/2021/10/26/translation/my-app-helber-v2/2021-10-26-09-33-32.png)]

应用的业务是按地理位置社交互助。

虽然是全球可用，但是主打的还是北美，服务器也是西雅图。

欢迎加微信技术内测讨论 ducafecat，备注 helber

用到的组件

# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for ios style icons.
cupertino_icons: ^1.0.2
get: ^4.3.6
dio: ^4.0.0
# 权限
permission_handler: ^8.1.2
# app信息
package_info: ^2.0.2
# 本地存储
shared_preferences: ^2.0.8
# 刷新加载
pull_to_refresh: ^2.0.0
# toast 提示
flutter_easyloading: ^3.0.3
# 底部弹出框
modal_bottom_sheet: ^2.0.0
# 输入框
pinput: ^1.2.0
# 适配屏幕
flutter_screenutil: ^5.0.0+2
# 网络图片
cached_network_image: ^3.1.0
# 媒体选择
wechat_assets_picker: ^6.0.4
wechat_camera_picker: ^2.4.1
# 滑块
carousel_slider: ^4.0.0
# svg
flutter_svg: ^0.22.0
# 瀑布流
waterfall_flow: ^3.0.1
# 加密
crypto: ^3.0.1
# OSS
aliyun_oss_flutter: ^1.0.5
# 视频图片压缩
video_compress: ^3.1.0
flutter_image_compress: ^1.1.0
# 图片预览
photo_view: ^0.12.0
# 视频播放
chewie: ^1.2.2
video_player: ^2.2.5
# 选择
# flutter_cupertino_datetime_picker: ^2.0.1
flutter_picker: ^2.0.2
# 时间转换
intl: ^0.17.0
# 定位
geolocator: ^7.6.2
# 地图
google_maps_flutter: ^2.0.11
google_maps_cluster_manager: ^3.0.0+1
# 缓存
flutter_cache_manager: ^3.1.2
# webkit
webview_flutter: ^2.0.12
# 打开url
url_launcher: ^6.0.12
# 升级
r_upgrade: ^0.3.5
version: ^2.0.0
# app 打开 uri
uni_links: ^0.5.1
# IM
tencent_im_sdk_plugin: ^3.5.0
# 腾讯推送
tpns_flutter_plugin:
  git:
    url: https://gitee.com/ducafecat/TPNS-Flutter-Plugin
# google sign
google_sign_in: ^5.1.1
# apple sign
sign_in_with_apple: ^3.2.0
# facebook sign
flutter_facebook_auth: ^3.5.2
# sentry
sentry_flutter: ^6.0.1
# 头部背景
# draggable_home: ^1.0.2
# 第三方登录按钮
auth_buttons: ^1.0.1+4
# 倒计时
timer_count_down: ^2.2.0

项目规模

页数: 40~50

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AYTWuIZs-1635225144216)(https://ducafecat.tech/2021/10/26/translation/my-app-helber-v2/2021-10-26-09-22-52.png)]

业务

• 社交信息
• 积分系统
• 商品兑换
• 商家端

技术点

• 地理定位
• 长列表
• 拍照、拍视频
• 阿里 oss
• 图片缓存
• 图片预览
• 缩率图
• 腾讯聊天
• 腾讯消息推送 TPNS
• pin 安全
• 数据离线
• 三方登录 谷歌、苹果、facebook

性能测试

• 帧率

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mSdBH6Vx-1635225144217)(https://ducafecat.tech/2021/10/26/translation/my-app-helber-v2/2021-10-26-09-50-23.png)]

• 性能图层

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y9xlR93L-1635225144218)(https://ducafecat.tech/2021/10/26/translation/my-app-helber-v2/2021-10-26-09-51-19.png)]

• CPU

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ebbaCbrm-1635225144218)(https://ducafecat.tech/2021/10/26/translation/my-app-helber-v2/2021-10-26-09-54-12.png)]

总结

这个项目前端我架构的，业务代码都是我的伙伴完成的。

没有做特别的优化，基本上就是依赖框架，对 卡 IO、拉取包多次请求、列表数据缓存 等都没有做优化（跑通务第一位）。

就是这样也能看到性能还是可以的 平均帧数 59/秒，cpu、内存 也还可以。

个别动画卡帧数，要想性能好，还是要自己动手，这就是后面的事情了。

本来想录视频说的，但是各种原因（带娃），我之后找时间吧。

这个项目还没正式对外推，计划是 2 周后。

欢迎加微信技术内测讨论 ducafecat，备注 helber，如果你也生活在北美那就更好了。

---

© 猫哥

• https://ducafecat.tech/

• https://github.com/ducafecat

• 微信群 ducafecat