Skip to content

Commit 3305edb

Browse files
lokesh-coderlokesh-coder
committed
chore: change screenshots to have light background
1 parent c81b42c commit 3305edb

38 files changed

+64
-27
lines changed

‎README.md

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ Size of the blob. It is mandatory.
4848
Blob.random(size:200),
4949
```
5050

51-
![Basic blob](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/blob_light.jpg)
51+
![Basic blob](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/blob_shape_2.jpg)
5252

5353
 
5454

@@ -65,7 +65,9 @@ Blob.random(
6565
),
6666
```
6767

68-
![Basic blob](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/blob_normal.jpg)
68+
![Basic blob](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/blob_shape_1.jpg)
69+
![Basic blob](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/blob_shape_3.jpg)
70+
![Basic blob](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/blob_shape_4.jpg)
6971

7072
 
7173

@@ -120,8 +122,6 @@ Blob.fromHash(
120122
),
121123
```
122124

123-
![Fixed blob](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/hash.gif)
124-
125125
 
126126

127127
> #### Styles
@@ -150,7 +150,7 @@ LinearGradient(colors: [Colors.red, Colors.green])
150150
```
151151

152152
![Basic blob](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/gradient.jpg)
153-
![Basic blob](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/outline.jpg)
153+
![Basic blob](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/stroke.jpg)
154154

155155
 
156156

@@ -165,7 +165,7 @@ Blob.random(
165165
),
166166
```
167167

168-
![Child](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/child.gif)
168+
![Child](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/child.jpg)
169169

170170
 
171171

@@ -184,7 +184,7 @@ Blob.animatedRandom(
184184

185185
`duration` is optional. Default is `500` milliseconds.
186186

187-
![Animation](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/animated_basic.gif)
187+
![Animation](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/basic_animation.gif)
188188

189189
 
190190

@@ -201,6 +201,8 @@ Blob.animatedRandom(
201201
),
202202
```
203203

204+
![Animation](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/loop.gif)
205+
204206
 
205207

206208
> #### Animate Fixed shapes
@@ -215,7 +217,7 @@ Blob.animatedFromHash(
215217
),
216218
```
217219

218-
![Animate fixed blobs](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/animated_hash.gif)
220+
![Animate fixed blobs](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/multiple_hash.gif)
219221

220222
 
221223

@@ -247,7 +249,7 @@ Container(
247249
)
248250
```
249251

250-
![Animate fixed blobs](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/clipping.gif)
252+
![Clipper](https://raw.githubusercontent.com/lokesh-coder/flutter_blobs/develop/screenshots/clip.gif)
251253

252254
 
253255

‎example/lib/common/app_shell.dart

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,14 +8,14 @@ class AppShell extends StatelessWidget {
88
@override
99
Widget build(BuildContext context) {
1010
return Scaffold(
11-
backgroundColor: Color(0xff1e272e),
11+
backgroundColor: Color(0xffecf0f1),
1212
appBar: AppBar(
13-
backgroundColor: Color(0xff1e272e),
13+
backgroundColor: Color(0xffecf0f1),
1414
elevation: 0,
1515
centerTitle: true,
1616
title: Text(
1717
title,
18-
style: TextStyle(color: Color(0xff808e9b)),
18+
style: TextStyle(color: Color(0xff303952)),
1919
),
2020
),
2121
body: child,

‎example/lib/common/button.dart

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ class Button extends StatelessWidget {
1010
return Container(
1111
margin: EdgeInsets.symmetric(vertical: 20),
1212
child: FlatButton(
13-
color: Color(0xff596275),
13+
color: Color(0xff303952),
1414
onPressed: onTap,
1515
padding: EdgeInsets.symmetric(vertical: 15, horizontal: 20),
1616
child: Text(

‎example/lib/examples/animated/animated_basic.dart

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ class AnimatedBasicExample extends StatelessWidget {
2020
child: Blob.animatedRandom(
2121
size: 400,
2222
controller: blobCtrl,
23+
styles: BlobStyles(color: Color(0xffc44569)),
2324
),
2425
),
2526
Button('Randomize', onTap: () {

‎example/lib/examples/animated/animated_child.dart

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,27 +19,32 @@ class AnimatedChildExample extends StatelessWidget {
1919
child: Blob.animatedRandom(
2020
size: 400,
2121
controller: blobCtrl,
22+
styles: BlobStyles(color: Color(0xff182C61).withOpacity(0.05)),
2223
child: Container(
2324
padding: EdgeInsets.all(20),
2425
child: Center(
2526
child: Column(
2627
mainAxisSize: MainAxisSize.min,
2728
children: [
2829
Text(
29-
'I\'m child',
30+
'Hello',
3031
style: TextStyle(
3132
fontSize: 33,
3233
fontWeight: FontWeight.w800,
34+
color: Color(0xff182C61),
3335
),
3436
),
37+
SizedBox(
38+
height: 10,
39+
),
3540
Text(
3641
// ignore: lines_longer_than_80_chars
3742
'Circular challenges and opportunities outcomes; initiative dynamic, theory of change because program areas strengthening..',
3843
textAlign: TextAlign.center,
3944
style: TextStyle(
40-
fontSize: 18,
41-
fontWeight: FontWeight.w500,
42-
color: Colors.white60,
45+
fontSize: 16,
46+
fontWeight: FontWeight.w600,
47+
color: Color(0xff182C61).withOpacity(0.4),
4348
),
4449
),
4550
],

‎example/lib/examples/animated/animated_multiple_hash.dart

Lines changed: 25 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,17 @@ import '../../common/app_shell.dart';
33
import '../../common/button.dart';
44
import 'package:flutter/material.dart';
55

6-
class AnimatedMultipleHashExample extends StatelessWidget {
6+
class AnimatedMultipleHashExample extends StatefulWidget {
77
const AnimatedMultipleHashExample({Key key}) : super(key: key);
88

9+
@override
10+
_AnimatedMultipleHashExampleState createState() =>
11+
_AnimatedMultipleHashExampleState();
12+
}
13+
14+
class _AnimatedMultipleHashExampleState
15+
extends State<AnimatedMultipleHashExample> {
16+
Color clr;
917
@override
1018
Widget build(BuildContext context) {
1119
BlobController blobCtrl = BlobController();
@@ -22,19 +30,34 @@ class AnimatedMultipleHashExample extends StatelessWidget {
2230
hash: [
2331
'H4sIAB5VwV4A/w3KwQ0AMQjEwIb8YNmQcLWc0n8b4WWN5N8lMgJn4jLqcZvck8URcqPaFPkFfVizd9wHDGCsqzsAAAA=',
2432
],
33+
styles: BlobStyles(
34+
color: Color(0xff596275).withOpacity(0.5),
35+
fillType: BlobFillType.stroke,
36+
strokeWidth: 20,
37+
),
2538
size: 50,
2639
),
2740
Blob.animatedFromHash(
2841
hash: [
2942
'H4sIADZVwV4A/w3KsREAMQjEwIYU3IENdi2e77+NJ9hEo5cuQiLaxBXuRXrcSQer8N6jOKSCTtb8R98PT0B1nTwAAAA='
3043
],
3144
size: 50,
45+
styles: BlobStyles(
46+
color: Color(0xff596275).withOpacity(0.5),
47+
fillType: BlobFillType.stroke,
48+
strokeWidth: 20,
49+
),
3250
),
3351
Blob.animatedFromHash(
3452
hash: [
3553
'H4sIAEFVwV4A/w3LsRHAQAjEwIYUHIcf+Fo87r8NE2wmvXkLS6TXEVEmq+jG55JNOIhZMXjrEc8Oo+8H5uyPHz0AAAA='
3654
],
3755
size: 50,
56+
styles: BlobStyles(
57+
color: Color(0xff596275).withOpacity(0.5),
58+
fillType: BlobFillType.stroke,
59+
strokeWidth: 20,
60+
),
3861
),
3962
],
4063
),
@@ -48,6 +71,7 @@ class AnimatedMultipleHashExample extends StatelessWidget {
4871
],
4972
size: 400,
5073
controller: blobCtrl,
74+
styles: BlobStyles(color: Color(0xff34ace0)),
5175
),
5276
),
5377
Button('Randomize', onTap: () {

‎example/lib/examples/animated/annimated_loop.dart

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ class AnimatedLoopExample extends StatelessWidget {
1818
size: 400,
1919
loop: true,
2020
edgesCount: 6,
21+
styles: BlobStyles(color: Color(0xffB33771)),
2122
),
2223
),
2324
],

‎example/lib/examples/examples.dart

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
import 'package:example/examples/static/static_color.dart';
2+
import 'package:example/examples/static/static_stroke.dart';
13
import 'package:flutter/material.dart';
24
import '../common/app_shell.dart';
35
import '../common/link.dart';
@@ -35,14 +37,15 @@ class Examples extends StatelessWidget {
3537
Link('Animated-Fixed Multiple Hash', AnimatedMultipleHashExample()),
3638
Link('Animated-Custom color', AnimatedColorExample()),
3739
Link('Animated-Loop', AnimatedLoopExample()),
38-
Link(' Basic blob', StaticBasicExample()),
40+
Link('Basic blob', StaticBasicExample()),
3941
Link('Basic with child', StaticBasicExample()),
4042
Link('Debug', StaticDebugExample()),
4143
Link('Gradient', StaticGradientExample()),
42-
Link('Outline blob', StaticGradientExample()),
44+
Link('Outline blob', StaticStrokeExample()),
4345
Link('Fixed blob', StaticHashExample()),
4446
Link('Fixed Multiple Hash', StaticHashExample()),
45-
Link('Custom color', StaticClipperExample()),
47+
Link('Custom color', StaticColorExample()),
48+
Link('Clipper', StaticClipperExample()),
4649
],
4750
),
4851
),

‎example/lib/examples/static/static_basic.dart

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ class StaticBasicExample extends StatelessWidget {
1010
Widget build(BuildContext context) {
1111
BlobController blobCtrl = BlobController();
1212
return AppShell(
13-
title: 'Static Basic',
13+
title: 'Basic Shape',
1414
child: Center(
1515
child: Column(
1616
mainAxisSize: MainAxisSize.min,

‎example/lib/examples/static/static_color.dart

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ class StaticColorExample extends StatelessWidget {
1919
child: Blob.random(
2020
size: 400,
2121
controller: blobCtrl,
22-
styles: BlobStyles(color: Color(0xffcb2d3e)),
22+
styles: BlobStyles(color: Color(0xffEAB543)),
2323
),
2424
),
2525
Button('Randomize', onTap: () {

0 commit comments

Comments
 (0)