![img1](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/img_1.png)<br>

#### <p align="center"> Flutter实现抖音的UI效果，希望大家喜欢</p>

#### <p align="center"> `Flutter Version:2.0.2` `Dart Version:2.12.1`</p>
#### <p align="center"> [B站视频地址](https://www.bilibili.com/video/BV1mK4y1w78B/)</p>
<p align="center"> <img src="https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/emoi_1.jpeg"   /></p>



|推荐|视频点赞|侧边栏点赞|
|---|---|---|
|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_14.gif)|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_1.gif)|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_2.gif)|

|评论/分享|首页测滑|用户页|
|---|---|---|
|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_3.gif)|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_4.gif)|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_5.gif)|

|推荐/关注/城市|tab切换|搜索页|
|---|---|---|
|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_6.gif)|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_7.gif)|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_8.gif)|


|直播页|直播页切换|朋友页测滑|
|---|---|---|
|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_9.gif)|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_10.gif)|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_11.gif)|


|拍摄页|扫一扫/抖音码||
|---|---|---|
|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_12.gif)|![](https://github.com/DingMouRen/flutter_tiktok/blob/master/shoot/gif_13.gif)||