{"id":13550293,"url":"https://github.com/HitenDev/flutter_effects","last_synced_at":"2025-04-03T00:33:26.441Z","repository":{"id":89365562,"uuid":"174318827","full_name":"HitenDev/flutter_effects","owner":"HitenDev","description":"flutter animation effects | custom widget | custom renderobject ","archived":false,"fork":false,"pushed_at":"2022-09-29T03:00:02.000Z","size":390,"stargazers_count":494,"open_issues_count":4,"forks_count":55,"subscribers_count":15,"default_branch":"master","last_synced_at":"2024-11-03T20:36:46.251Z","etag":null,"topics":["animation","customwidget","effect","effects","flutter","flutter-apps","flutter-demo","flutter-effect","flutter-effects","flutter-examples","flutter-material","flutter-package","flutter-plugin","flutter-widget"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/HitenDev.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-03-07T10:00:54.000Z","updated_at":"2024-10-08T07:52:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"8e00b91c-8d87-4e47-a40e-5d8b0b091036","html_url":"https://github.com/HitenDev/flutter_effects","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HitenDev%2Fflutter_effects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HitenDev%2Fflutter_effects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HitenDev%2Fflutter_effects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HitenDev%2Fflutter_effects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HitenDev","download_url":"https://codeload.github.com/HitenDev/flutter_effects/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246916733,"owners_count":20854511,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","customwidget","effect","effects","flutter","flutter-apps","flutter-demo","flutter-effect","flutter-effects","flutter-examples","flutter-material","flutter-package","flutter-plugin","flutter-widget"],"created_at":"2024-08-01T12:01:31.197Z","updated_at":"2025-04-03T00:33:25.561Z","avatar_url":"https://github.com/HitenDev.png","language":"Dart","readme":"# flutter effects\n\nA flutter package which contains a collection of some cool and beautiful effects; support `android` and `ios` .\n\n##  Screenshot\n\n| type | support child | screenshot |\n| :--: | :--: | :--: |\n| diffscale | text | \u003cimg src=\"https://upload-images.jianshu.io/upload_images/869487-f41550a78cd70799.gif?imageMogr2/auto-orient/strip\"  width = \"100%\"\u003e |\n| borderline |  any |\u003cimg src=\"https://upload-images.jianshu.io/upload_images/869487-72674e439250aff0.gif?imageMogr2/auto-orient/strip\" width = \"100%\"\u003e |\n| rainbow  | text | \u003cimg src=\"https://upload-images.jianshu.io/upload_images/869487-b76a646d0b3673fb.gif?imageMogr2/auto-orient/strip\"  width = \"100%\"\u003e |\n| explosion  | any | \u003cimg src=\"https://upload-images.jianshu.io/upload_images/869487-c37dcb66a539d946.gif?imageMogr2/auto-orient/strip\"  width = \"100%\"\u003e | \n| anvil  | any |  \u003cimg src=\"https://upload-images.jianshu.io/upload_images/869487-5017dbebd79dcf3c.gif?imageMogr2/auto-orient/strip\"  width = \"100%\"\u003e | \n| scratchcard | any | \u003cimg src=\"https://upload-images.jianshu.io/upload_images/869487-5cb0aeafb78e8dd3.gif?imageMogr2/auto-orient/strip\"  width = \"100%\"\u003e | \n| more | more | waiting |\n\n\n## Usage\n\n### diffscale\n\n```dart\n\nvoid initState() {\n  super.initState();\n  sentences = [\n    \"What is design?\",\n    \"Design is not just\",\n    \"what it looks like and feels like.\",\n    \"Design is how it works. \\n- Steve Jobs\",\n    \"Older people\",\n    \"sit down and ask,\",\n    \"'What is it?'\",\n    \"but the boy asks,\",\n    \"What can I do with it?. \\n- Steve Jobs\",\n    \"Swift\",\n    \"Objective-C\",\n    \"iPhone\",\n    \"iPad\",\n    \"Mac Mini\",\n    \"MacBook Pro\",\n    \"Mac Pro\",\n    \"爱老婆\",\n    \"老婆和女儿\"\n  ];\n}\n\nDiffScaleText(\n  text: sentences[diffScaleNext % sentences.length],\n  textStyle: TextStyle(fontSize: 20, color: Colors.blue),\n)\n\n```\nNote:the variable `diffScaleNext` control next position;\n\n### borderline\n\n```dart\nLineBorderText(\n    child: Text(\n      \"Border Effect\",\n      style: TextStyle(fontSize: 20),\n    ),\n    autoAnim: true)\n```\n\n### rainbow\n\n```dart\nRainbowText(colors: [\n  Color(0xFFFF2B22),\n  Color(0xFFFF7F22),\n  Color(0xFFEDFF22),\n  Color(0xFF22FF22),\n  Color(0xFF22F4FF),\n  Color(0xFF5400F7),\n], text: \"Welcome to BBT\", loop: true)\n\n```\n\n### explosion\n\n```dart\nExplosionWidget(\n    tag: \"Explosion Text\",\n    child: Container(\n        alignment: Alignment.center,\n        color: Colors.blueAccent,\n        child: Text(\n          \"Explosion Text\",\n          style: TextStyle(\n              fontSize: 20,\n              color: Colors.red,\n              fontWeight: FontWeight.bold),\n        )))\n```\n\n### anvil\n\n```dart\n        \nAnvilEffectWidget(child: Text(\n      \"👉AnvilEffect👈\",\n      style: TextStyle(color: Colors.white, fontSize: 20),\n    )\n\n```\n\n### scratchcard\n\n```dart\nScratchCardWidget(\n    strokeWidth: 20,\n    threshold: 0.5,\n    foreground: (canvas, size, offset) {\n      if (_image != null) {\n        double scale;\n        double dx = 0;\n        double dy = 0;\n        if (_image.width * size.height \u003e\n            size.width * _image.height) {\n          scale = size.height / _image.height;\n          dx = (size.width - _image.width * scale) / 2;\n        } else {\n          scale = size.width / _image.width;\n          dy = (size.height - _image.height * scale) / 2;\n        }\n        canvas.save();\n        canvas.translate(dx, dy);\n        canvas.scale(scale, scale);\n        canvas.drawImage(_image, Offset(0, 0), new Paint());\n        canvas.restore();\n      } else {\n        canvas.drawRect(\n            Rect.fromLTWH(0, 0, size.width, size.height),\n            Paint()\n              ..color = Colors.grey);\n      }\n    },\n    child: Container(\n      color: Colors.blueAccent,\n      alignment: Alignment.center,\n      child: Image.asset(\n        \"assets/images/icon_sm_sigin_status_three.png\",\n        fit: BoxFit.scaleDown, height: 20,),\n    ))\n    \n```\n- strokeWidth  : paint's strokewidth\n- threshold :  the threshold to clear the foreground covering\n- foreground : draw foreground covering\n- child : draw child\n\n## \u003cdiv align=\"center\"\u003eMore flutter effects are under development, so stay tuned! please follow me.\u003c/div\u003e\u003cbr\u003e\n\n# Author\n- Name: Hiten\n- Blog: https://juejin.im/user/595a16125188250d944c6997\n- Email: zzdxit@gmail.com \n\n# License\n\nThis project is licensed under the [Apache Software License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0).\n\nSee [`LICENSE`](LICENSE) for full of the license text.\n","funding_links":[],"categories":["Dart"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHitenDev%2Fflutter_effects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FHitenDev%2Fflutter_effects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHitenDev%2Fflutter_effects/lists"}