Flutter实现抖音的UI效果，希望大家喜欢
Flutter Version:2.0.2 Dart Version:2.12.1
| 推荐 | 视频点赞 | 侧边栏点赞 |
|---|---|---|
 |
 |
 |
| 评论/分享 | 首页测滑 | 用户页 |
|---|---|---|
 |
 |
 |
| 推荐/关注/城市 | tab切换 | 搜索页 |
|---|---|---|
 |
 |
 |
| 直播页 | 直播页切换 | 朋友页测滑 |
|---|---|---|
 |
 |
 |
| 拍摄页 | 扫一扫/抖音码 | |
|---|---|---|
 |
 |
北冥有鱼 其名为鲲 鲲之大
一锅炖不下
化而为鸟 其名为鹏 鹏之大
需要两个烧烤架
一个多糖 一个微辣
来瓶雪花
让我们勇闯天涯
Flutter Tiktok 抖音实战 🍰🍓🍖🍟🍕🍔
Overview
You might also like...
Flutter social button - A flutter package to create social media login buttons easily to any flutter app
Flutter Social Button is a flutter package to create social media login buttons easily to any flutter app.
Dec 5, 2022
Flutter Gender Prediction App Flutter Gender Prediction App
gender_predictor A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started
May 31, 2022
Beautiful Nike Web Design Concept With Flutter Beautiful Nike Web Design Concept With Flutter
flutter_web_nike A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started
Jan 28, 2022
Flutter Music Player - First Open Source Flutter based material design music player with audio plugin to play local music files.
Flutter Music Player First Open Source Flutter based Beautiful Material Design Music Player(Online Radio will be added soon.) Demo App Play Store BETA
Jan 2, 2023
Flutter Login Page Bloc Pattern App Flutter Login Page Bloc Pattern App
gdgbloc A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this
Oct 20, 2022
Flutter: QR Code Scanner App Flutter: QR Code Scanner App
Flutter QRCode Scanner APP Show some ❤️ and star the repo to support the project A new Flutter project. Features Scan 2D barcodes Scan QR codes Contro
Nov 10, 2022
Flutter: Integrate Google Maps Tutorial Flutter: Integrate Google Maps Tutorial
Flutter Google Maps APP Show some ❤️ and star the repo to support the project A new Flutter project. Getting Started Flutter Project Add this to your
Oct 27, 2022
Create an Invoice PDF Document completely with Flutter and learn how to generate and view this invoice in Flutter.
Create an Invoice PDF Document completely with Flutter and learn how to generate and view this invoice in Flutter.
Jan 4, 2023
Flutter demo application for Apple TV (tvos) using custom Flutter engine
Flutter for Apple TV A modification of the Flutter engine + test application to demonstrate that Flutter applications run on Apple TV This project (an
Dec 30, 2022
Comments
-
[ImgBot] Optimize images
opened by imgbot[bot] 0Beep boop. Your images are optimized!
Your image file size has been reduced!
Details
| File | Before | After | Percent reduction | |:--|:--|:--|:--| | /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png | 31.29kb | 13.74kb | 56.09% | | /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png | 20.44kb | 9.63kb | 52.89% | | /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png | 11.24kb | 6.34kb | 43.57% | | /assets/images/person_holder.png | 2.25kb | 1.28kb | 43.10% | | /assets/images/active_wallpager.png | 1.91kb | 1.15kb | 39.72% | | /assets/images/person.png | 1.49kb | 0.92kb | 38.40% | | /assets/images/color_palette.png | 2.01kb | 1.24kb | 38.08% | | /assets/images/setting_about.png | 1.77kb | 1.10kb | 37.94% | | /android/app/src/main/res/mipmap-mdpi/ic_launcher.png | 7.37kb | 4.66kb | 36.79% | | /android/app/src/main/res/mipmap-hdpi/ic_launcher.png | 7.37kb | 4.66kb | 36.79% | | /assets/images/notice.png | 1.14kb | 0.73kb | 36.01% | | /assets/images/setting_common.png | 1.78kb | 1.14kb | 35.77% | | /assets/images/camera.png | 1.42kb | 0.93kb | 34.89% | | /assets/images/lock.png | 0.97kb | 0.63kb | 34.78% | | /assets/images/setting_feedback.png | 1.44kb | 0.95kb | 33.92% | | /assets/images/add.png | 1.49kb | 0.99kb | 33.27% | | /assets/images/sdk_list.png | 1.05kb | 0.72kb | 31.29% | | /assets/images/fensi.png | 2.90kb | 2.00kb | 31.17% | | /assets/images/setting_delete.png | 0.74kb | 0.51kb | 30.81% | | /assets/images/ad.png | 1.13kb | 0.79kb | 30.31% | | /assets/images/setting_exchange.png | 0.72kb | 0.51kb | 29.06% | | /web/favicon.png | 0.90kb | 0.64kb | 29.01% | | /assets/images/setting_logout.png | 0.91kb | 0.66kb | 27.29% | | /assets/images/private_service.png | 0.84kb | 0.61kb | 27.12% | | /assets/images/setting.png | 0.82kb | 0.61kb | 26.16% | | /assets/images/max.png | 0.64kb | 0.47kb | 26.11% | | /shoot/img_pay.jpg | 142.43kb | 106.47kb | 25.25% | | /assets/images/rib.png | 0.70kb | 0.57kb | 18.63% | | /assets/images/community_service.png | 0.60kb | 0.49kb | 18.05% | | /assets/images/sun.png | 0.60kb | 0.49kb | 17.78% | | /assets/images/user_service.png | 0.56kb | 0.46kb | 17.48% | | /assets/images/hollow_star.png | 0.70kb | 0.59kb | 15.01% | | /assets/images/tiktok_my_code.jpg | 64.44kb | 55.49kb | 13.89% | | /assets/images/service.png | 0.55kb | 0.49kb | 11.39% | | /shoot/img_1.png | 31.27kb | 28.34kb | 9.36% | | /assets/images/framer.png | 0.55kb | 0.51kb | 7.57% | | /assets/images/flash.png | 0.48kb | 0.44kb | 7.54% | | /assets/images/bg_0.jpg | 51.29kb | 47.62kb | 7.15% | | /assets/images/brand_0.jpg | 7.44kb | 6.93kb | 6.76% | | /assets/images/flashlight.png | 0.50kb | 0.47kb | 6.45% | | /assets/images/wallet.png | 0.59kb | 0.55kb | 6.13% | | /assets/images/suolong.png | 16.12kb | 15.39kb | 4.48% | | /shoot/gif_8.gif | 3,887.36kb | 3,731.43kb | 4.01% | | /assets/images/header_holder.jpg | 29.34kb | 28.21kb | 3.87% | | /shoot/gif_5.gif | 5,986.42kb | 5,773.93kb | 3.55% | | /shoot/gif_11.gif | 1,883.24kb | 1,817.21kb | 3.51% | | /assets/images/video_2.gif | 699.89kb | 676.12kb | 3.40% | | /assets/images/more_block.png | 0.49kb | 0.47kb | 3.19% | | /assets/images/video_4.gif | 673.51kb | 653.40kb | 2.99% | | /assets/images/bg_3.jpg | 19.71kb | 19.13kb | 2.94% | | /assets/images/video_3.gif | 763.97kb | 741.88kb | 2.89% | | /assets/images/video_5.gif | 782.84kb | 761.79kb | 2.69% | | /shoot/gif_13.gif | 2,934.08kb | 2,856.87kb | 2.63% | | /shoot/gif_2.gif | 2,551.63kb | 2,484.69kb | 2.62% | | /assets/images/bg_5.jpg | 34.39kb | 33.53kb | 2.49% | | /shoot/gif_4.gif | 3,812.13kb | 3,731.31kb | 2.12% | | /assets/images/shop.png | 0.49kb | 0.48kb | 2.00% | | /assets/images/brand_3.jpg | 4.40kb | 4.32kb | 1.97% | | /assets/images/brand_4.jpg | 30.02kb | 29.44kb | 1.95% | | /shoot/gif_7.gif | 6,748.07kb | 6,618.51kb | 1.92% | | /shoot/gif_3.gif | 6,119.34kb | 6,008.78kb | 1.81% | | /shoot/gif_1.gif | 3,935.89kb | 3,867.66kb | 1.73% | | /assets/images/header_1.jpg | 12.38kb | 12.17kb | 1.64% | | /assets/images/star_1.jpeg | 17.29kb | 17.02kb | 1.56% | | /assets/images/search_music_3.jpg | 6.42kb | 6.32kb | 1.54% | | /shoot/gif_6.gif | 5,627.69kb | 5,548.79kb | 1.40% | | /shoot/gif_12.gif | 5,608.15kb | 5,534.79kb | 1.31% | | /assets/images/header_5.jpg | 13.48kb | 13.31kb | 1.30% | | /shoot/gif_10.gif | 5,777.95kb | 5,704.26kb | 1.28% | | /shoot/gif_14.gif | 5,213.03kb | 5,148.63kb | 1.24% | | /assets/images/video_0.gif | 643.96kb | 637.64kb | 0.98% | | /assets/images/bg_1.jpg | 25.44kb | 25.20kb | 0.94% | | /assets/images/star_0.jpeg | 29.97kb | 29.70kb | 0.91% | | /assets/images/header_0.jpg | 65.70kb | 65.11kb | 0.90% | | /assets/images/search_music_0.jpg | 6.58kb | 6.53kb | 0.85% | | /shoot/gif_9.gif | 8,473.67kb | 8,403.33kb | 0.83% | | /shoot/emoi_1.jpeg | 13.96kb | 13.86kb | 0.69% | | /assets/images/search_music_4.jpg | 5.56kb | 5.52kb | 0.69% | | /assets/images/star_5.jpeg | 38.46kb | 38.24kb | 0.57% | | /assets/images/blur_bg.jpg | 87.49kb | 87.04kb | 0.51% | | /assets/images/header_3.jpg | 46.77kb | 46.59kb | 0.38% | | /assets/images/video_1.gif | 771.87kb | 768.94kb | 0.38% | | /assets/images/bg_4.jpg | 31.48kb | 31.45kb | 0.11% | | | | | | | Total : | 73,839.36kb | 72,306.53kb | 2.08% |
Black Lives Matter | 💰 donate | 🎓 learn | ✍🏾 sign
📝 docs | :octocat: repo | 🙋🏾 issues | 🏅 swag | 🏪 marketplace
-
请教一下是否存在播放性能问题？
opened by sunjianan9900 0我之前使用过其他的开源项目，但是都面对一个问题
就是视频非常容易卡到原生层面去，就是flutter失去对video的控制，但是却在原生层面播放起来了
就是说有声音，但是无法控制，在背景播放
出现这个问题的场景就是快速滑动或者概率性出现在首页，发生在视频切换的过程中
不知道大佬有没有遇到这个问题？
之前问过其他人说是flutter对视频的处理还不足，与原生通讯之间的问题
-
挺好的一个实例，可惜flutter版本过时了，能否更新下？
opened by guyuewuren 2想着拿来学习的，下载编译发现无法编译了，一些链接已经失效。
- What went wrong: Could not determine the dependencies of task ':app:processDebugResources'.
Could not resolve all task dependencies for configuration ':app:debugRuntimeClasspath'. Could not resolve androidx.window:window:[1.0.0-beta04]. Required by: project :app > project :video_thumbnail > io.flutter:flutter_embedding_debug:1.0.0-f15f824b57476e369b5e656f53d4c431c5b04b9a > androidx.window:window-java:1.0.0-beta04 > Failed to list versions for androidx.window:window. > Unable to load Maven meta-data from https://google.bintray.com/exoplayer/androidx/window/window/maven-metadata.xml. > Could not get resource 'https://google.bintray.com/exoplayer/androidx/window/window/maven-metadata.xml'. > Could not GET 'https://google.bintray.com/exoplayer/androidx/window/window/maven-metadata.xml'. Received status code 502 from server: Bad Gateway
-
Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
-
Get more help at https://help.gradle.org
BUILD FAILED in 13s
![[ImgBot] Optimize images](https://avatars.githubusercontent.com/in/4706?v=4)
TikTok Clone - A Tiktok App- Works on Android & iOS
TikTok Clone A Tiktok App- Works on Android & iOS! Features Authentication with Email & Password Uploading Videos with Caption Compressing Videos Gene
9 Dec 18, 2022
🚀 This is mobile application using Flutter for develop Tiktok
Flutter Tiktok Clone Description: ?? This is mobile application using Flutter for develop Tiktok How I can run it? ?? Clone this repo ?? Run below cod
12 Feb 8, 2022
A clone of the TikTok App using Flutter.
Tik Tok App clone TikTok is an iOS and Android media app for creating and sharing short videos. The app was launched in 2017 by ByteDance, for markets
211 Dec 19, 2022
Full Stack TikTok Clone using Flutter, Firebase & GetX
TikTok Clone A Tiktok App- Works on Android & iOS! Features Authentication with Email & Password Uploading Videos with Caption Compressing Videos Gene
200 Dec 30, 2022
A TikTok Clone in Flutter and Firebase.
TikTok Flutter Clone of TikTok with Flutter and Firebase. Caracteristics Video Demo: https://youtu.be/sMKg6ILYgv0 -TikTok UI -Swipe Videos -Dynamic Vi
863 Jan 3, 2023
A tiktok clone built with flutter and getx
A tiktok clone built with flutter and getx
5 Apr 3, 2022
A Tiktok App- Works on Android & iOS!
TikTok Clone A Tiktok App- Works on Android & iOS! Features Authentication with Email & Password Uploading Videos with Caption Compressing Videos Gene
32 Jan 9, 2023
In this repo I have build an awesome Flutter food delivery app ui. This Flutter UI challenge is taken from the dribbble. The main beauty about this UI is their hero animation while moving towards the food detail page. This Flutter Food delivery app UI tutorial is beneficial for those who want to learn the advanced concept for building the flutter ui. Apart from these I have used the latest version of flutter i.e Flutter 2.0 to building this app.
# food_delivery_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you star
65 Sep 22, 2022
Flutter Responsive Game of Thrones Flutter App Flutter Responsive Game of Thrones Flutter App
got_2019 A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this
16 Jun 9, 2022
Flutter RxDart Explained - The Flutter Way Flutter RxDart Explained - The Flutter Way
rx_demo A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this
27 Oct 13, 2021