|
13 | 13 | <img src="https://img.shields.io/pub/v/animated_text_kit.svg" |
14 | 14 | alt="Pub Package" /> |
15 | 15 | </a> |
16 | | - <a href="https://github.com/aagarwal1012/Animated-Text-Kit/actions?query=workflow%3ACI"> |
17 | | - <img src="https://img.shields.io/github/workflow/status/aagarwal1012/Animated-Text-Kit/CI?logo=github" |
18 | | - alt="Build Status" /> |
19 | | - </a> |
20 | | - <br> |
21 | | - <a href="https://codecov.io/gh/aagarwal1012/Animated-Text-Kit"> |
22 | | - <img src="https://codecov.io/gh/aagarwal1012/Animated-Text-Kit/branch/master/graph/badge.svg" |
23 | | - alt="Codecov Coverage" /> |
24 | | - </a> |
25 | 16 | <a href="https://opensource.org/licenses/MIT"> |
26 | 17 | <img src="https://img.shields.io/github/license/aagarwal1012/animated-text-kit?color=red" |
27 | 18 | alt="License: MIT" /> |
|
30 | 21 | <img src="https://img.shields.io/badge/Awesome-Flutter-FC60A8?logo=awesome-lists" |
31 | 22 | alt="Awesome Flutter" /> |
32 | 23 | </a> |
33 | | - <a href="https://www.paypal.me/aagarwal1012"> |
34 | | - <img src="https://img.shields.io/badge/Donate-PayPal-00457C?logo=paypal" |
35 | | - alt="Donate" /> |
36 | | - </a> |
37 | 24 | </p><br> |
38 | 25 |
|
39 | 26 | <a href="https://flutter.dev/docs/development/packages-and-plugins/favorites"> |
|
56 | 43 | - [TextLiquidFill](#textliquidfill) |
57 | 44 | - [Wavy](#wavy) |
58 | 45 | - [Flicker](#flicker) |
| 46 | + - [Scramble](#scramble) |
| 47 | + - [Bounce](#bounce) |
59 | 48 | - [Create your own Animations](#create-your-own-animations) |
60 | 49 | - [Bugs or Requests](#bugs-or-requests) |
61 | 50 | - [Contributors](#contributors) |
| 51 | +- [Star History](#star-history) |
62 | 52 |
|
63 | 53 | # Flutter Package of the Week |
64 | 54 |
|
@@ -457,6 +447,60 @@ return SizedBox( |
457 | 447 | ); |
458 | 448 | ``` |
459 | 449 |
|
| 450 | +## Scramble |
| 451 | + |
| 452 | +<img src="https://github.com/aagarwal1012/Animated-Text-Kit/blob/master/display/scramble.gif?raw=true" align = "right" height = "300px"> |
| 453 | + |
| 454 | +```dart |
| 455 | +return SizedBox( |
| 456 | + width: 250.0, |
| 457 | + child: DefaultTextStyle( |
| 458 | + style: const TextStyle( |
| 459 | + fontSize: 40.0, |
| 460 | + fontWeight: FontWeight.bold, |
| 461 | + ), |
| 462 | + child: AnimatedTextKit( |
| 463 | + animatedTexts: [ |
| 464 | + ScrambleAnimatedText( |
| 465 | + 'Mobile Dev.', |
| 466 | + speed: const Duration(milliseconds: 200), |
| 467 | + ), |
| 468 | + ScrambleAnimatedText('Explorer'), |
| 469 | + ], |
| 470 | + onTap: () { |
| 471 | + print("Tap Event"); |
| 472 | + }, |
| 473 | + ), |
| 474 | + ), |
| 475 | +); |
| 476 | +``` |
| 477 | + |
| 478 | +## Bounce |
| 479 | + |
| 480 | +<img src="https://github.com/aagarwal1012/Animated-Text-Kit/blob/master/display/bounce.gif?raw=true" align = "right" height = "300px"> |
| 481 | + |
| 482 | +```dart |
| 483 | +return SizedBox( |
| 484 | + width: 250.0, |
| 485 | + child: DefaultTextStyle( |
| 486 | + style: const TextStyle( |
| 487 | + fontSize: 60.0, |
| 488 | + fontWeight: FontWeight.bold, |
| 489 | + ), |
| 490 | + child: AnimatedTextKit( |
| 491 | + animatedTexts: [ |
| 492 | + BounceAnimatedText('Bounce!'), |
| 493 | + BounceAnimatedText('Spring!'), |
| 494 | + BounceAnimatedText('Jump!'), |
| 495 | + ], |
| 496 | + onTap: () { |
| 497 | + print("Tap Event"); |
| 498 | + }, |
| 499 | + ), |
| 500 | + ), |
| 501 | +); |
| 502 | +``` |
| 503 | + |
460 | 504 | ## Create your own Animations |
461 | 505 |
|
462 | 506 | You can easily create your own animations by creating new classes that extend |
@@ -490,42 +534,14 @@ If you encounter any problems feel free to open an [issue](https://github.com/aa |
490 | 534 |
|
491 | 535 | See [Contributing.md](https://github.com/aagarwal1012/Animated-Text-Kit/blob/master/CONTRIBUTING.md). |
492 | 536 |
|
493 | | -# Contributors |
494 | | - |
495 | | -Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)): |
496 | | - |
497 | | -<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> |
498 | | -<!-- prettier-ignore-start --> |
499 | | -<!-- markdownlint-disable --> |
500 | | -<table> |
501 | | - <tr> |
502 | | - <td align="center"><a href="https://salih.dev"><img src="https://avatars2.githubusercontent.com/u/24432752?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Muhammed Salih Guler</b></sub></a><br /><a href="https://github.com/aagarwal1012/Animated-Text-Kit/issues?q=author%3Asalihgueler" title="Bug reports">🐛</a></td> |
503 | | - <td align="center"><a href="https://github.com/anderscheow"><img src="https://avatars0.githubusercontent.com/u/11788504?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Anders Cheow</b></sub></a><br /><a href="https://github.com/aagarwal1012/Animated-Text-Kit/issues?q=author%3Aanderscheow" title="Bug reports">🐛</a> <a href="#ideas-anderscheow" title="Ideas, Planning, & Feedback">🤔</a></td> |
504 | | - <td align="center"><a href="https://rashiwal.me/"><img src="https://avatars2.githubusercontent.com/u/31043830?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Rohit Ashiwal</b></sub></a><br /><a href="https://github.com/aagarwal1012/Animated-Text-Kit/issues?q=author%3Ar1walz" title="Bug reports">🐛</a></td> |
505 | | - <td align="center"><a href="https://github.com/AdamSGit"><img src="https://avatars3.githubusercontent.com/u/6126439?v=4?s=100" width="100px;" alt=""/><br /><sub><b>AdamSGit</b></sub></a><br /><a href="#ideas-AdamSGit" title="Ideas, Planning, & Feedback">🤔</a> <a href="#maintenance-AdamSGit" title="Maintenance">🚧</a></td> |
506 | | - <td align="center"><a href="https://github.com/hemilpanchiwala"><img src="https://avatars0.githubusercontent.com/u/42446679?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Hemil Panchiwala</b></sub></a><br /><a href="#maintenance-hemilpanchiwala" title="Maintenance">🚧</a> <a href="#ideas-hemilpanchiwala" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/aagarwal1012/Animated-Text-Kit/commits?author=hemilpanchiwala" title="Documentation">📖</a> <a href="#example-hemilpanchiwala" title="Examples">💡</a></td> |
507 | | - <td align="center"><a href="https://yiminghan.com"><img src="https://avatars1.githubusercontent.com/u/10720534?v=4?s=100" width="100px;" alt=""/><br /><sub><b>YiMing Han</b></sub></a><br /><a href="#ideas-yiminghan" title="Ideas, Planning, & Feedback">🤔</a></td> |
508 | | - <td align="center"><a href="https://github.com/AadumKhor"><img src="https://avatars2.githubusercontent.com/u/37381075?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Aayush Malhotra</b></sub></a><br /><a href="#maintenance-AadumKhor" title="Maintenance">🚧</a> <a href="#ideas-AadumKhor" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/aagarwal1012/Animated-Text-Kit/issues?q=author%3AAadumKhor" title="Bug reports">🐛</a></td> |
509 | | - </tr> |
510 | | - <tr> |
511 | | - <td align="center"><a href="https://anthonywhitford.com/"><img src="https://avatars2.githubusercontent.com/u/123887?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Anthony Whitford</b></sub></a><br /><a href="#ideas-awhitford" title="Ideas, Planning, & Feedback">🤔</a> <a href="#maintenance-awhitford" title="Maintenance">🚧</a></td> |
512 | | - <td align="center"><a href="https://zzaning.com"><img src="https://avatars3.githubusercontent.com/u/12035097?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Jordy Wong</b></sub></a><br /><a href="https://github.com/aagarwal1012/Animated-Text-Kit/issues?q=author%3Aaliyoge" title="Bug reports">🐛</a></td> |
513 | | - <td align="center"><a href="https://github.com/SirusCodes"><img src="https://avatars0.githubusercontent.com/u/50910066?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Darshan Rander</b></sub></a><br /><a href="#ideas-SirusCodes" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/aagarwal1012/Animated-Text-Kit/commits?author=SirusCodes" title="Code">💻</a> <a href="#design-SirusCodes" title="Design">🎨</a></td> |
514 | | - <td align="center"><a href="https://jemmytech.com"><img src="https://avatars3.githubusercontent.com/u/17760450?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nsiah Akuoko Jeremiah</b></sub></a><br /><a href="https://github.com/aagarwal1012/Animated-Text-Kit/commits?author=nakjemmy" title="Code">💻</a></td> |
515 | | - <td align="center"><a href="https://github.com/aniketambore"><img src="https://avatars2.githubusercontent.com/u/52826253?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Aniket Ambore</b></sub></a><br /><a href="https://github.com/aagarwal1012/Animated-Text-Kit/commits?author=aniketambore" title="Documentation">📖</a></td> |
516 | | - <td align="center"><a href="https://medium.com/@abhayvashokan"><img src="https://avatars1.githubusercontent.com/u/35297280?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Abhay V Ashokan</b></sub></a><br /><a href="https://github.com/aagarwal1012/Animated-Text-Kit/commits?author=AbhayVAshokan" title="Code">💻</a></td> |
517 | | - <td align="center"><a href="https://linktr.ee/ritvij14"><img src="https://avatars.githubusercontent.com/u/51456744?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ritvij Kumar Sharma</b></sub></a><br /><a href="https://github.com/aagarwal1012/Animated-Text-Kit/commits?author=ritvij14" title="Code">💻</a></td> |
518 | | - </tr> |
519 | | - <tr> |
520 | | - <td align="center"><a href="https://github.com/Koniiro"><img src="https://avatars.githubusercontent.com/u/81352867?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Koniiro</b></sub></a><br /><a href="https://github.com/aagarwal1012/Animated-Text-Kit/commits?author=Koniiro" title="Documentation">📖</a></td> |
521 | | - <td align="center"><a href="https://github.com/CoderInTheWoods"><img src="https://avatars.githubusercontent.com/u/25412142?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kalgi Sheth</b></sub></a><br /><a href="https://github.com/aagarwal1012/Animated-Text-Kit/commits?author=CoderInTheWoods" title="Code">💻</a> <a href="#example-CoderInTheWoods" title="Examples">💡</a> <a href="https://github.com/aagarwal1012/Animated-Text-Kit/commits?author=CoderInTheWoods" title="Documentation">📖</a></td> |
522 | | - <td align="center"><a href="https://github.com/Mohitmadhav"><img src="https://avatars.githubusercontent.com/u/59333817?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mohit_007</b></sub></a><br /><a href="https://github.com/aagarwal1012/Animated-Text-Kit/commits?author=Mohitmadhav" title="Documentation">📖</a></td> |
523 | | - </tr> |
524 | | -</table> |
525 | | - |
526 | | -<!-- markdownlint-restore --> |
527 | | -<!-- prettier-ignore-end --> |
528 | | - |
529 | | -<!-- ALL-CONTRIBUTORS-LIST:END --> |
530 | | - |
531 | | -This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind are welcome! See [Contributing.md](https://github.com/aagarwal1012/Animated-Text-Kit/blob/master/CONTRIBUTING.md). |
| 537 | +## Contributors |
| 538 | + |
| 539 | +Thanks to all our amazing contributors for their support and code! |
| 540 | + |
| 541 | +<a href="https://github.com/aagarwal1012/Animated-Text-Kit/graphs/contributors"> |
| 542 | + <img src="https://contrib.rocks/image?repo=aagarwal1012/Animated-Text-Kit" /> |
| 543 | +</a> |
| 544 | + |
| 545 | +## Star History |
| 546 | + |
| 547 | +[](https://star-history.com/#aagarwal1012/Animated-Text-Kit&Date) |
0 commit comments