# FlutterUI

**Repository Path**: yumi0629/FlutterUI

## Basic Information

- **Project Name**: FlutterUI
- **Description**: For help writing beautiful widget with Flutter.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 50
- **Forks**: 13
- **Created**: 2018-10-22
- **Last Updated**: 2024-01-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# flutter_ui

For help building amazing UI with Flutter.

## LiquidCheckButton

A button with liquid wave to show download progress.

效果图：

![](https://github.com/yumi0629/FlutterUI/blob/master/preImages/liquid_check_button_02.gif?raw=true)

## CircleFloatingMenu

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/circlefloatingmenu

效果图：

![](https://github.com/yumi0629/CircleFloatingMenu/blob/master/lib/circle_floating_menu.gif?raw=true)

## LikeButton

A LikeButton like Twitter.

教程：[用Flutter实现一个仿Twitter的点赞效果](https://juejin.im/post/5bf01b7d51882516fa638069)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/likebutton

效果图：

![](https://github.com/yumi0629/LikeButton/blob/master/lib/like_button.gif?raw=true)

## SlideDrawer：一个仿QQ侧滑菜单栏控件

教程：[Flutter：手把手教你实现一个仿QQ侧滑菜单的功能](https://www.jianshu.com/p/8ef323cb2726)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/slidedrawer

效果图：
 
![from left](https://gitee.com/yumi0629/ImageAsset/raw/master/slide_drawer/slide01.gif)

## Drag to choose like or dislike

一个仿“探探”的左右滑动选择喜欢/不喜欢的控件

教程：[用Flutter实现一个仿“探探”的左右滑动选择喜欢/不喜欢的效果](https://juejin.im/post/5bd18eea6fb9a05cf67ace2b)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/draglike

效果图：

![](https://github.com/yumi0629/DragChooseLike/blob/master/images/drag_like.gif?raw=true)

## CircleProgressBar

教程：[Flutter：教你用CustomPaint画一个自定义的CircleProgressBar](https://juejin.im/post/5bdc11be518825171140d46d)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/circleprogressbar

效果图：

![](https://gitee.com/yumi0629/ImageAsset/raw/master/circle_progressbar/circle_progress_bar.gif)

## Tip Menu

Just a demo. Not for project use !!!

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/tipmenu

![](https://github.com/yumi0629/FlutterUI/blob/master/preImages/tip_menu.gif?raw=true)

## Scrawl & Watermark

A scrawl & adding watermark demo.

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/scrawl

![scrawl](https://github.com/yumi0629/Flutter_Scrawl/blob/master/preimages/scrawl_01.gif?raw=true)

![watermark](https://github.com/yumi0629/Flutter_Scrawl/blob/master/preimages/scrawl_02.gif?raw=true)

## Hero

教程：[谈一谈Flutter中的共享元素动画Hero](https://www.jianshu.com/p/ddb484789883)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/sharedelement

## Slivers

教程：[Flutter：Slivers大家族，让滑动视图的组合变得很简单！](https://www.jianshu.com/p/690ddade5d94)

code：https://github.com/yumi0629/FlutterUI/tree/master/lib/sliver