Preface

There are a lot of new friends in the group, everyone will have a doubt, is Flutter as an app reliable.

And how does GetX perform in actual combat, and whether there is a big hole.

I have put a product helber on the shelf here, and everyone can experience it intuitively.

The business of the application is social mutual assistance based on geographic location.

Although it is available globally, the main product is North America, and the server is also Seattle.

Welcome to add WeChat technical internal test to discuss ducafecat, remarks helber

Components used

# 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

Project scale

Number of pages: 40~50

business

  • Social information
  • Points system
  • Commodity exchange
  • Merchant side

Technical point

  • Geolocation
  • Long list
  • Take photos and videos
  • Ali oss
  • Picture cache
  • Picture Preview
  • Thumbnail
  • Tencent chat
  • Tencent News Push TPNS
  • pin security
  • Data offline
  • Three-party login to Google, Apple, Facebook

Performance Testing

  • Frame rate

  • Performance layer

  • CPU

Summarize

The front end of this project was built by me, and the business code was completed by my partner.

There is no special optimization, basically relying on the framework, and no optimization is done for card IO, pull package multiple requests, list data cache, etc. (Running communication service first).

Even in this way, we can see that the performance is still an average frame rate of 59/sec. The cpu and memory are also okay.

For individual animation card frames, if you want good performance, you still have to do it yourself. This is the next thing.

I wanted to record the video, but for various reasons (with a baby), I will find time later.

This project has not been officially launched yet, and the plan is two weeks later.

Welcome to add WeChat technology internal test to discuss ducafecat, note helber, it would be better if you also live in North America.


© Cat brother


独立开发者_猫哥
666 声望126 粉丝