当前位置:网站首页>Recommend 4 blockbuster open source projects

Recommend 4 blockbuster open source projects

2020-12-06 21:50:56 Rookie turns Pro

Good morning , Sao Nian , I'm little G, My public number 「 Rookie turns over 」 Will recommend GitHub Useful projects on , A minute get An excellent open source project , Tap the value of open source , Welcome to follow me .

In recent years , With the rapid popularization of mobile intelligent devices , Mobile multi terminal unified development framework has become a hot topic , Here's what I've done for you 4 individual Flutter High quality open source projects , I hope it helps you .

Flutter Tiktok

Flutter Tiktok is open and open , Slide left to search , Right slide, personal Center , Swipe up and down video , Double click "like" and "love" , Invincible imitation , Thank you Star.

Application screenshot

Realization function

  • Swipe video up and down , The video will automatically load the cover
  • Slide left and right to search with the personal Center
  • Double click love to like
  • See the comments
  • Switch bottom Tabbar

Project structure

rely on :

  #  Load animation library ( It seems that after the revision, it didn't use )
  flutter_spinkit: ^4.1.2
  # Bilibili Open source video player component 
  fijkplayer: ^0.8.3
  #  Basic transparent animation click effect 
  tapped: any
  # map Safe values 
  safemap: any

Main documents :

./lib
├── main.dart
├── mock
│   └── video.dart #  Fake data 
├── other
│   └── bottomSheet.dart #  Modified the system BottomSheet Height 
├── pages
│   ├── cameraPage.dart #  Shooting page ( There is no actual function )
│   ├── followPage.dart  #  A little 
│   ├── homePage.dart #  The main page , contain tikTokScaffold The actual application function of 
│   ├── msgDetailListPage.dart #  A little 
│   ├── msgPage.dart #  A little 
│   ├── searchPage.dart #  A little 
│   ├── todoPage.dart #  A little 
│   ├── userDetailPage.dart #  A little 
│   ├── userPage.dart #  A little 
│   └── walletPage.d #  A little 
├── style
│   ├── style.dart #  Global text size and color 
│   └── text.dart #  The main text styles 
└── views
    ├── backButton.dart # iOS The return button component of the shape 
    ├── loadingButton.dart #  Button components that can be set to load styles 
    ├── selectText.dart #  Can be set to “ Choose ” perhaps “ Not selected ” Style text 
    ├── tikTokCommentBottomSheet.dart #  Imitation Tiktok Comment style 
    ├── tikTokHeader.dart #  Imitation Tiktok Top switch component 
    ├── tikTokScaffold.dart #  Imitation Tiktok Core scaffold , It encapsulates the functions of gesture and switch , It doesn't contain UI Content 
    ├── tikTokVideo.dart #  Imitation Tiktok In the video UI Style encapsulation , No video playback 
    ├── tikTokVideoButtonColumn.dart #  Imitation Tiktok The head image on the right side of the video and the like button column components 
    ├── tikTokVideoGesture.dart #  Imitation Tiktok Double click like effect of 
    ├── tikTokVideoPlayer.dart #  Video playing page , With sliding control VideoListController class 
    ├── tiktokTabBar.dart #  Imitation Tiktok The bottom of Tabbar Components 
    ├── tilTokAppBar.dart #  Imitation Tiktok Of Appbar Components 
    ├── topToolRow.dart #  The top status of the user page , stay tab Switch to user Hide return button when page 
    └── userMsgRow.dart #  A style component of user information 

Project address

https://github.com/mjl0602/flutter_tiktok

Flutter Fighting fish APP

Application screenshot

It mainly covers functions

  • Slide state navigation 、 Shuffling figure
  • Mobile px compatible
  • encapsulation HTTP、IO Cache operations
  • Page routing values
  • bloc Global state management
  • Gift banner animation queue
  • Barrage news rolling
  • Access to a still video stream
  • The lucky draw game of nine squares
  • Photo selection
  • webView Containers

Project address

https://github.com/yukilzw/dy_flutter

Flutter Douban client

Application screenshot

Function is introduced

home page pages/home

homo_app_bar.dart Home navigation header
home_page.dart home page
my_home_tab_bar.dart home page tab

Book video pages/movie

book_audio_video_page.dart Book video page
detail_page.dart The film 、 TV details page
person_detail_page.dart Introduction to actor page

team pages/group
a market shop_page.dart

Market data uses two webview

my page/person

Project address

https://github.com/kaina404/FlutterDouBan

Flutter Open source Chinese client

be based on Google Flutter Open source Chinese client , Support Android and iOS.

Application screenshot

iOS

Android

function

  • Sign in ( Use osc account number )
  • View information ( View without logging in )
  • see 、 reply 、 publish 、 Comments move ( Need to log in )
  • Move the little black room ( Need to log in )
  • “ Find out ” Part of the function is basically to use H5 Realization

Project address

https://github.com/yubo725/flutter-osc

版权声明
本文为[Rookie turns Pro]所创,转载请带上原文链接,感谢
https://chowdera.com/2020/12/20201206214807353k.html