Flutter 到底能不能做 APP, GetX 能實戰麼,我上架了一款APP Helber

独立开发者_猫哥發表於2021-10-26

前言

群裡有不少新加入的朋友,大家會有一個疑惑,就是 Flutter 做 app 到底靠譜麼。

還有這個 GetX 實戰中的表現如何,是否有大坑。

我這邊上架了一款產品 helber,大家可以直觀的體驗下。

  • 官方
    https://helberapp.com/
  • 蘋果店
    https://apps.apple.com/app/id...
  • 谷歌店
    https://play.google.com/store...

應用的業務是按地理位置社互動助。

雖然是全球可用,但是主打的還是北美,伺服器也是西雅圖。

歡迎加微信技術內測討論 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

業務

  • 社交資訊
  • 積分系統
  • 商品兌換
  • 商家端

技術點

  • 地理定位
  • 長列表
  • 拍照、拍影片
  • 阿里 oss
  • 圖片快取
  • 圖片預覽
  • 縮率圖
  • 騰訊聊天
  • 騰訊訊息推送 TPNS
  • pin 安全
  • 資料離線
  • 三方登入 谷歌、蘋果、facebook

效能測試

  • 幀率

  • 效能圖層

  • CPU

總結

這個專案前端我架構的,業務程式碼都是我的夥伴完成的。

沒有做特別的最佳化,基本上就是依賴框架,對 卡 IO拉取包多次請求列表資料快取 等都沒有做最佳化(跑通務第一位)。

就是這樣也能看到效能還是可以的 平均幀數 59/秒,cpu、記憶體 也還可以。

個別動畫卡幀數,要想效能好,還是要自己動手,這就是後面的事情了。

本來想錄影片說的,但是各種原因(帶娃),我之後找時間吧。

這個專案還沒正式對外推,計劃是 2 周後。

歡迎加微信技術內測討論 ducafecat,備註 helber,如果你也生活在北美那就更好了。


© 貓哥

  • https://ducafecat.tech/
  • https://github.com/ducafecat
  • 微信群 ducafecat

相關文章