Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit dd113f9

Browse files
author
xuyingjun
committed
ReadMe
1 parent 76edb7c commit dd113f9

File tree

10 files changed

+146
-28
lines changed

10 files changed

+146
-28
lines changed

‎README.md‎

Lines changed: 146 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,156 @@
1-
# flutter_custom_dialog
1+
# flutter_custom_dialog
22

3-
Creating......
3+
[![pub package](https://img.shields.io/pub/v/flutter_custom_dialog.svg)](https://pub.dev/packages/flutter_custom_dialog)
44

5-
## Getting Started
5+
对全局弹窗的功能封装,用语义化的方式对弹窗内部的内容进行填充,目前提供的功能
66

7-
+ add dependencies
7+
1. 提供的语义化方法,填充弹窗内部的组件内容
8+
2. 提供的设置弹窗背景色、前景色、位置、动画、点击外部消失等功能,具体看example
9+
10+
## 🎖 Installing
11+
12+
```yaml
13+
dependencies:
14+
flutter_custom_dialog: ^1.0.0
815
```
9-
...
10-
flutter_custom_dialog:
11-
# path: ../../package/yyf-custom-dialog
12-
git:
13-
url: git://github.com/YYFlutter/flutter-custom-dialog.git
14-
...
15-
```
1616
17-
+ import package
17+
## ⚡ Use Custom Dialog
18+
19+
**1、import**
1820
1921
```dart
20-
import 'package:flutter_custom_dialog/flutter_custom_dialog.dart' show YYDialog;
22+
import 'package:flutter_custom_dialog/flutter_custom_dialog.dart';
2123
```
2224

23-
+ use dialog
24-
```
25-
YYDialog(context: context ).build()
26-
..widget(
27-
Row(
28-
children: <Widget>[Text('haha'), Text('bbb')],
29-
),
30-
)
31-
..widget(
32-
Row(
33-
children: <Widget>[Text('haha'), Text('bbb')],
34-
),
35-
)
36-
..show();
37-
```
25+
**2、road map**
26+
27+
> dialog demo
28+
29+
<table>
30+
<tr>
31+
<td align="center">
32+
<img src="https://github.com/efoxTeam/flutter-animation-set/raw/master/image/gif/18.gif" width="150px">
33+
<br />
34+
body
35+
<br />
36+
37+
</td>
38+
<td align="center">
39+
<img src="https://github.com/efoxTeam/flutter-animation-set/raw/master/image/gif/19.gif" width="150px">
40+
<br />
41+
head
42+
<br />
43+
44+
</td>
45+
<td align="center">
46+
<img src="https://github.com/efoxTeam/flutter-animation-set/raw/master/image/gif/20.gif" width="150px">
47+
<br />
48+
divider
49+
<br />
50+
51+
</td>
52+
</tr>
53+
</table>
54+
55+
> dialog gravity
56+
57+
<table>
58+
<tr>
59+
<td align="center">
60+
<img src="https://github.com/YYFlutter/flutter-custom-dialog/raw/master/image/gif/1.gif" width="150px">
61+
<br />
62+
bottom
63+
<br />
64+
65+
</td>
66+
<td align="center">
67+
<img src="https://github.com/YYFlutter/flutter-custom-dialog/raw/master/image/gif/2.gif" width="150px">
68+
<br />
69+
top
70+
<br />
71+
72+
</td>
73+
<td align="center">
74+
<img src="https://github.com/YYFlutter/flutter-custom-dialog/raw/master/image/gif/3.gif" width="150px">
75+
<br />
76+
left
77+
<br />
78+
79+
</td>
80+
<td align="center">
81+
<img src="https://github.com/YYFlutter/flutter-custom-dialog/raw/master/image/gif/4.gif" width="150px">
82+
<br />
83+
right
84+
<br />
85+
86+
</td>
87+
<td align="center">
88+
<img src="https://github.com/YYFlutter/flutter-custom-dialog/raw/master/image/gif/5.gif" width="150px">
89+
<br />
90+
center
91+
<br />
92+
93+
</td>
94+
</tr>
95+
</table>
96+
97+
> dialog animation
98+
99+
<table>
100+
<tr>
101+
<td align="center">
102+
<img src="https://github.com/YYFlutter/flutter-custom-dialog/raw/master/image/gif/6.gif" width="150px">
103+
<br />
104+
scaleIn
105+
<br />
106+
107+
</td>
108+
<td align="center">
109+
<img src="https://github.com/YYFlutter/flutter-custom-dialog/raw/master/image/gif/7.gif" width="150px">
110+
<br />
111+
fadeIn
112+
<br />
113+
114+
</td>
115+
<td align="center">
116+
<img src="https://github.com/YYFlutter/flutter-custom-dialog/raw/master/image/gif/8.gif" width="150px">
117+
<br />
118+
rotateIn
119+
<br />
120+
121+
</td>
122+
<td align="center">
123+
<img src="https://github.com/YYFlutter/flutter-custom-dialog/raw/master/image/gif/9.gif" width="150px">
124+
<br />
125+
customIn
126+
<br />
127+
128+
</td>
129+
</tr>
130+
</table>
131+
132+
**3、use**
133+
134+
> 弹窗支持功能
135+
136+
137+
138+
> 语义化组件
139+
140+
## Bugs/Requests
141+
142+
* If your application has problems, please submit your code and effect to Issue.
143+
* Pull request are also welcome.
144+
145+
## About
146+
147+
* QQ:510402535
148+
* QQ群:798874340
149+
* e-mail:xyj510402535@qq.com
150+
* g-mail:xyj51042535@gmail.com
151+
* Blog:http://blog.csdn.net/qq_30379689
152+
* Github:https://github.com/AndroidHensen
153+
154+
## License
38155

156+
Apache License 2.0

‎image/gif/1.gif‎

148 KB
Loading[フレーム]

‎image/gif/2.gif‎

331 KB
Loading[フレーム]

‎image/gif/3.gif‎

343 KB
Loading[フレーム]

‎image/gif/4.gif‎

372 KB
Loading[フレーム]

‎image/gif/5.gif‎

234 KB
Loading[フレーム]

‎image/gif/6.gif‎

496 KB
Loading[フレーム]

‎image/gif/7.gif‎

562 KB
Loading[フレーム]

‎image/gif/8.gif‎

711 KB
Loading[フレーム]

‎image/gif/9.gif‎

596 KB
Loading[フレーム]

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /