当前位置：网站首页>Recommend 4 flutter heavy open source projects

Recommend 4 flutter heavy open source projects

2022-06-23 23:50:00 【Android Guide】

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