当前位置:网站首页>Reconstruction of Betta app with flutter

Reconstruction of Betta app with flutter

2020-12-09 10:44:41 osc_ sd3vf5bk

flutter Reconstructed Betta live APP
home page 、 Entertainment for Material Components ; studio 、 Fish bar is written for pure customization .
In addition, it integrates all kinds of high-quality third-party open source libraries , Create the original APP Silky user experience
Access as many functions as possible , Method with comments , Help you use flutter To develop new applications and provide practical reference cases


Include features :

  • Start page ad space
  • Pull up and load the broadcast list 、 The drop-down refresh 、 Return to the top
  • List image cache loading optimization
  • Progressive head animation
  • The bottom navigation switches to save the page state
  • HTTP cache 、IO cache
  • studio webSocket News barrage 、 gift
  • Page routing values
  • RxDart Global message communication encapsulation
  • Bloc Flow state management ( The start page preloads the home page data )
  • Gift banner animation queue
  • Gift full screen svga Special effects
  • Barrage news rolling
  • Still video streaming
  • The lucky draw game of nine squares
  • Photo picker
  • Full screen 、 half-size webView
  • Fish bar head gesture animation
  • Imitation of wechat friends circle image control
  • Log in to the registration pop-up window
  • List of country codes ( Slide the first letter of wechat address book to locate )
  • QR code scanning
  • Local notification push
  • ...
  • Keep increasing

APP Screenshot :

Local debugging :

flutter run --release Package release preview
APP All data comes from Mock Network request , The server interface is not in the cloud , Modifiable lib/base.dart in DYBase.baseHost For your computer IP, And make sure that the mobile phone and the computer are in the same LAN and can access the intranet 1236 port
then clone Server warehouse , Start the server locally
Mock The service is python tornado, Two simple startup modes are available (1. stay py3.6+ In the environment pip rely on ,2. Use Docker Mirror image ), For details, refer to its README


Introduction recommendation :

Dart grammar  - Grammar Chinese course
Flutter Chinese net  - Easy to understand introductory course
Flutter actual combat  - More comprehensive advanced course
Dart SDK(EN) - flutter Available in SDK
Flutter Official website (EN) - You can see all of them API And SDK relevant
Bloc(EN) - Global state management




版权声明
本文为[osc_ sd3vf5bk]所创,转载请带上原文链接,感谢
https://chowdera.com/2020/12/20201209104358122w.html