{"id":16884004,"url":"https://github.com/shashiben/flutter_next","last_synced_at":"2025-04-11T12:23:12.406Z","repository":{"id":43742081,"uuid":"452332212","full_name":"shashiben/flutter_next","owner":"shashiben","description":"An advanced flutter package to build responsive application accross all platform with ease and has an handful of different types of extension.","archived":false,"fork":false,"pushed_at":"2025-02-20T14:42:15.000Z","size":6633,"stargazers_count":13,"open_issues_count":0,"forks_count":7,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-25T08:42:38.019Z","etag":null,"topics":["bootstrap","flutter","flutter-bootstrap","flutter-resp","responsive-layout","responsive-web-design"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/flutter_next","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shashiben.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-01-26T15:36:05.000Z","updated_at":"2023-10-10T18:33:55.000Z","dependencies_parsed_at":"2025-02-19T08:44:00.449Z","dependency_job_id":null,"html_url":"https://github.com/shashiben/flutter_next","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/shashiben%2Fflutter_next","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shashiben%2Fflutter_next/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shashiben%2Fflutter_next/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shashiben%2Fflutter_next/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shashiben","download_url":"https://codeload.github.com/shashiben/flutter_next/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248401317,"owners_count":21097327,"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":["bootstrap","flutter","flutter-bootstrap","flutter-resp","responsive-layout","responsive-web-design"],"created_at":"2024-10-13T16:16:06.139Z","updated_at":"2025-04-11T12:23:12.380Z","avatar_url":"https://github.com/shashiben.png","language":"Dart","readme":"# 🚀 Flutter Next - Your Next Level Flutter Toolkit 🛠️\n\n\u003ca href=\"https://www.buymeacoffee.com/shashiben\" target=\"_blank\"\u003e\u003cimg align=\"right\" src=\"https://cdn.buymeacoffee.com/buttons/default-orange.png\" alt=\"Buy Me A Coffee\" height=\"41\" width=\"174\"\u003e\u003c/a\u003e\n\n[![pub package](https://img.shields.io/pub/v/flutter_next)](https://pub.dev/packages/flutter_next)\n[![License: MIT](https://img.shields.io/badge/license-MIT-purple.svg)](https://opensource.org/licenses/MIT)\n[![popularity](https://badges.bar/flutter_next/popularity)](https://pub.dev/packages/flutter_next/score)\n[![likes](https://badges.bar/flutter_next/likes)](https://pub.dev/packages/flutter_next/score)\n[![pub points](https://badges.bar/flutter_next/pub%20points)](https://pub.dev/packages/flutter_next/score)\n\u003ca href=\"https://github.com/shashiben/flutter_next\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/shashiben/flutter_next.svg?style=flat\u0026logo=github\u0026label=stars\" alt=\"Star on Github\"\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/shashiben/flutter_next\"\u003e\u003cimg src=\"https://img.shields.io/github/forks/shashiben/flutter_next.svg?style=flat\u0026logo=github\u0026label=fork\" alt=\"Star on Github\"\u003e\u003c/a\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003cp  align=\"center\"\u003e\n\u003cimg  src=\"https://raw.githubusercontent.com/shashiben/flutter_next/master/example/assets/Flutter%20Next.png\"/\u003e\n\u003cbr\u003e\n\u003cb\u003e🎉 Elevate your Flutter development experience with Flutter Next! 🎉\u003c/b\u003e\n\u003c/p\u003e\n\u003cbr\u003e\n\nFlutter Next is an advanced Flutter package designed to supercharge your Flutter development. It helps you build responsive applications across all platforms with ease and provides a handful of useful extensions.\n\n## 🌟 Features\n\n- 📱 Develop Responsive UIs like a breeze\n- 🎨 Add animations with a single line of code\n- 🧰 Handful of extensions to boost your productivity\n\n## 🚀 Usage/Examples\n\nCheck out our demo: 🔗 [One Page](https://one-page-with-flutter.netlify.app/)\n\nJoin the Flutter Next revolution today and take your Flutter apps to the next level! 🚀\n\n## Appendix\n\n- [Widgets](#widgets)\n\n  - [Avatar](#avatar)\n  - [Hover Widget](#hover-widget)\n  - [BreadCumb](#breadcumb)\n  - [Alerts](#alerts)\n  - [Grid System](#grid-system)\n  - [Next Grid](#next-grid)\n  - [Container](#container)\n  - [Accordion](#accordion)\n  - [Button](#button)\n\n- [Animations](#animations)\n\n- [Extensions](#extensions)\n  - [Widget Extensions](#widget-extensions)\n  - [Context](#context)\n  - [Padding](#padding)\n  - [String](#string)\n  - [Bool](#bool)\n- [Shadows](#shadows)\n\n# Widgets\n\n## Avatar\n\n\u003cimg src=\"https://raw.githubusercontent.com/shashiben/flutter_next/master/example/assets/avatar_example.png\"\u003e\n\n```dart\n  Text(\n    \"Avatar Group\",\n    style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),\n  ),\n  SizedBox(\n    height: 15,\n  ),\n  NextAvatarGroup(\n      backgroundColor: Colors.orange,\n      imagesList: List.generate(\n          6,\n          (index) =\u003e NetworkImage(\n              \"https://images.ctfassets.net/hrltx12pl8hq/qGOnNvgfJIe2MytFdIcTQ/429dd7e2cb176f93bf9b21a8f89edc77/Images.jpg?fit=fill\u0026w=175\u0026h=175\u0026fm=webp\"))),\n  Text(\n    \"Custom Avatar Group\",\n    style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),\n  ),\n  SizedBox(\n    height: 15,\n  ),\n  NextAvatarGroup(\n    backgroundColor: Colors.orange,\n    itemCount: 6,\n    widthFactor: 0.8,\n    imagesList: List.generate(\n        10,\n        (index) =\u003e NetworkImage(\n            \"https://images.ctfassets.net/hrltx12pl8hq/qGOnNvgfJIe2MytFdIcTQ/429dd7e2cb176f93bf9b21a8f89edc77/Images.jpg?fit=fill\u0026w=175\u0026h=175\u0026fm=webp\")),\n    itemBuilder: (context, index, image) =\u003e Stack(\n      children: [\n        Container(\n          width: 50,\n          height: 50,\n          decoration: BoxDecoration(\n              image: DecorationImage(image: image),\n              border: Border.all(color: Colors.orange, width: 1.5),\n              color: Colors.red,\n              borderRadius: BorderRadius.circular(10)),\n        ),\n        if (index % 3 == 0)\n          Positioned(\n            bottom: 0,\n            left: 0,\n            child: CircleAvatar(\n              backgroundColor: Colors.green,\n              radius: 5,\n            ),\n          )\n      ],\n    ),\n  ),\n      Text(\n        \"Avatar Group Limit count\",\n        style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),\n      ),\n      SizedBox(\n        height: 15,\n      ),\n      NextAvatarGroup(\n        backgroundColor: Colors.orange,\n        limitTo: 5,\n        imagesList: List.generate(\n            10,\n            (index) =\u003e NetworkImage(\n                \"https://images.ctfassets.net/hrltx12pl8hq/qGOnNvgfJIe2MytFdIcTQ/429dd7e2cb176f93bf9b21a8f89edc77/Images.jpg?fit=fill\u0026w=175\u0026h=175\u0026fm=webp\")),\n        widthFactor: 0.5,\n      )\n```\n\n## Hover Widget\n\nUsing this you can know whether widget is hovered or not. Even it works for mobile and every device.\n\n`Hover Duration` - Duration for returning from hover to normal state\n\n```dart\n  HoverWidget(\n    builder:(context,isHovered)=\u003eContainer(child:....)\n  )\n```\n\n## BreadCumb\n\n\u003cimg  src=\"https://raw.githubusercontent.com/shashiben/flutter_next/master/example/assets/breadcumb_example.png\"/\u003e\n\n```dart\n   NextBreadCumb(\n      childrens: [\"Home\", \"Dashboard\", \"Payment\", \"Checkout\"]\n          .map((e) =\u003e NextBreadCumbItem(child: (isHovered) =\u003e Text(e)))\n          .toList()),\n    SizedBox(height: 20),\n    Text(\"With Custom Separator\"),\n    SizedBox(height: 10),\n    NextBreadCumb(\n        seperator: Text(\"---\"),\n        childrens: [\"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\"]\n            .map(\n              (e) =\u003e NextBreadCumbItem(child: (isHovered) =\u003e Text(e)),\n            )\n            .toList()),\n```\n\nAdditionally you can provide variant\n\n- Wrap (If exceeds more than width then it will move to next line)\n- Scroll (It will scroll horizontally)\n\n## Alerts\n\nDefine an alert by:\n\n```dart\n  NextAlert(\n    child: Text(\"Yo, this is primary alert\"),\n    onClosedIconPressed: () {},\n    margin: EdgeInsets.only(bottom: 15),\n  ),\n```\n\nYou can use multiple variant of alerts\n\n```dart\n  NextAlert(\n    variant: NextVariant.secondary,\n    child: Text(\"Yo, this is primary alert\"),\n    onClosedIconPressed: () {},\n    margin: EdgeInsets.only(bottom: 15),\n  ),\n```\n\nAnd you can even define custom,variant should be custom\n\n```dart\n NextAlert(\n    variant: NextVariant.custom,\n    customConfigs: NextAlertColorUtils(\n      borderColor: Colors.black,\n      backgroundColor: Colors.pink,\n      color: Colors.deepOrange,\n    ),\n    child: Text(\"Yo, this is primary alert\"),\n    onClosedIconPressed: () {},\n    margin: EdgeInsets.only(bottom: 15),\n  ),\n```\n\n\u003cimg  src=\"https://raw.githubusercontent.com/shashiben/flutter_next/master/example/assets/alert_example.png\"/\u003e\n\n## Grid System\n\n\u003ctable class=\"table table-bordered table-striped\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003e\u003c/th\u003e\n      \u003cth class=\"text-center\"\u003e\n        Extra small\u003cbr\u003e\n        \u003csmall\u003e\u0026lt;576px\u003c/small\u003e\n      \u003c/th\u003e\n      \u003cth class=\"text-center\"\u003e\n        Small\u003cbr\u003e\n        \u003csmall\u003e≥576px\u003c/small\u003e\n      \u003c/th\u003e\n      \u003cth class=\"text-center\"\u003e\n        Medium\u003cbr\u003e\n        \u003csmall\u003e≥768px\u003c/small\u003e\n      \u003c/th\u003e\n      \u003cth class=\"text-center\"\u003e\n        Large\u003cbr\u003e\n        \u003csmall\u003e≥992px\u003c/small\u003e\n      \u003c/th\u003e\n      \u003cth class=\"text-center\"\u003e\n        Extra large\u003cbr\u003e\n        \u003csmall\u003e≥1200px\u003c/small\u003e\n      \u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth class=\"text-nowrap\" scope=\"row\"\u003eMax container width\u003c/th\u003e\n      \u003ctd\u003eNone (auto)\u003c/td\u003e\n      \u003ctd\u003e540px\u003c/td\u003e\n      \u003ctd\u003e720px\u003c/td\u003e\n      \u003ctd\u003e960px\u003c/td\u003e\n      \u003ctd\u003e1140px\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth class=\"text-nowrap\" scope=\"row\"\u003eClass prefix\u003c/th\u003e\n      \u003ctd\u003e\u003ccode\u003ecol-\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003ecol-sm-\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003ecol-md-\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003ecol-lg-\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003ecol-xl-\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n```dart\nNextRow(\n  verticalSpacing: 15,\n  horizontalSpacing: 15,\n  children: [\n    \"col-12 col-md-6 col-lg-4\",\n    \"col-12 col-md-6 col-lg-4\",\n    \"col-12 col-md-3 col-lg-4 col-sm-6 col-xs-6\",\n    \"col-12 col-md-3 col-lg-4 col-sm-6 col-xs-6\"\n  ]\n      .map((e) =\u003e NextCol(\n          sizes: e,\n          child: Container(\n            height: 100,\n            decoration: BoxDecoration(color: Colors.orange),\n            child: Center(\n              child: Text(\n                e,\n                textAlign: TextAlign.center,\n                style: TextStyle(color: Colors.white),\n              ),\n            ),\n            width: double.infinity,\n          )))\n      .toList())\n```\n\n\u003cimg src=\"https://raw.githubusercontent.com/shashiben/flutter_next/master/example/assets/grid_example.gif\" height=300\u003e\n\n## Next Grid\n\n\u003cimg src=\"https://raw.githubusercontent.com/shashiben/flutter_next/master/example/assets/next_grid.gif\"\u003e\n\n```dart\n NextGridView(\n  sizes: \"col-6 col-md-3 col-lg-4 col-xl-3 col-xs-6\",\n  childrens: List.generate(\n      12,\n      (index) =\u003e NextGridItem(\n          child: Text(\n                  \"$index ${NextUtils.getPrefixByWidth(context.width)}\")\n              .center()\n              .sizedBox(width: double.infinity, height: 100)\n              .addDecoration(BoxDecoration(\n                  color: Colors.orange,\n                  borderRadius: BorderRadius.circular(8))))))\n```\n\n- Additionaly you can even provide vertical spacing or horizontal spacing and for each children you can even define separate sizes\n\n```dart\nNextGridItem(\n  sizes: \"col-12 col-md-6 col-lg-6\",\n  ....\n)\n```\n\n## Container\n\n\u003ctable class=\"table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003ctd class=\"border-dark\"\u003e\u003c/td\u003e\n      \u003cth scope=\"col\"\u003e\n        Extra small\u003cbr\u003e\n        \u003cspan class=\"fw-normal\"\u003e\u0026lt;576px\u003c/span\u003e\n      \u003c/th\u003e\n      \u003cth scope=\"col\"\u003e\n        Small\u003cbr\u003e\n        \u003cspan class=\"fw-normal\"\u003e≥576px\u003c/span\u003e\n      \u003c/th\u003e\n      \u003cth scope=\"col\"\u003e\n        Medium\u003cbr\u003e\n        \u003cspan class=\"fw-normal\"\u003e≥768px\u003c/span\u003e\n      \u003c/th\u003e\n      \u003cth scope=\"col\"\u003e\n        Large\u003cbr\u003e\n        \u003cspan class=\"fw-normal\"\u003e≥992px\u003c/span\u003e\n      \u003c/th\u003e\n      \u003cth scope=\"col\"\u003e\n        X-Large\u003cbr\u003e\n        \u003cspan class=\"fw-normal\"\u003e≥1200px\u003c/span\u003e\n      \u003c/th\u003e\n      \u003cth scope=\"col\"\u003e\n        XX-Large\u003cbr\u003e\n        \u003cspan class=\"fw-normal\"\u003e≥1400px\u003c/span\u003e\n      \u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth scope=\"row\" class=\"fw-normal\"\u003e\u003ccode\u003eNext Container\u003c/code\u003e\u003c/th\u003e\n      \u003ctd class=\"text-muted\"\u003e100%\u003c/td\u003e\n      \u003ctd\u003e540px\u003c/td\u003e\n      \u003ctd\u003e720px\u003c/td\u003e\n      \u003ctd\u003e960px\u003c/td\u003e\n      \u003ctd\u003e1140px\u003c/td\u003e\n      \u003ctd\u003e1320px\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n- If you pass fluid as true then it will take whole width\n\n## Accordion\n\n```dart\n NextAccordion(\n    initiallyExpanded: true,\n    backgroundColor: Colors.white,\n    collapsedBackgroundColor: Colors.white,\n    title: Text(\"Hey this it title which is initially Expanded\"),\n    children: [\n      Padding(\n        padding: EdgeInsets.symmetric(vertical: 20, horizontal: 10),\n        child: NextAlert(\n          child: Text(\"Yo this is child\"),\n        ),\n      )\n    ],\n  ),\n```\n\n\u003cimg src=\"https://raw.githubusercontent.com/shashiben/flutter_next/master/example/assets/accordion_example.png\"\u003e\n\n## Button\n\n\u003cimg src=\"https://raw.githubusercontent.com/shashiben/flutter_next/master/example/assets/button_example.gif\"\u003e\n\nYou can customise button by using itemBuilder\n\n```dart\n   NextButton(\n    onPressed: () {},\n    style: TextStyle(color: Colors.white),\n    child: Text(\n      \"Filled Button\",\n      style: TextStyle(color: Colors.white),\n    ),\n  ),\n  SizedBox(height: 20),\n  NextButton(\n    onPressed: () {},\n    variant: NextButtonVariant.outlined,\n    child: Text(\"Outline Button\"),\n  ),\n  NextButton(\n    onPressed: () {},\n    variant: NextButtonVariant.outlined,\n    itemBuilder: (context, isHovered, color) =\u003e\n        Icon(Icons.headset_rounded, color: color)\n            .paddingSymmetric(horizontal: 20, vertical: 10)\n            .decoration(BoxDecoration(\n              border:\n                  Border.all(color: context.primaryColor, width: 1.5),\n              color: !isHovered ? context.primaryColor : Colors.white,\n              borderRadius: BorderRadius.circular(8),\n            )),\n  )\n```\n\n- the param color in itemBuilder is a color tween between color and outline color provided in button\n\n## Animations\n\n### Available Animations\n\n- Slide Animation\n  - SlideInLeft\n  - SlideInRight\n  - SlideInTop\n  - SlideInBottom\n- Zoom Animation\n  - ZoomIn\n  - ZoomOut\n- Fade Animation\n  - FadeInLeft\n  - FadeInRight\n  - FadeInTop\n  - FadeInBottom\n  - FadeOutLeft\n  - FadeOutRight\n  - FadeOutTop\n  - FadeOutBottom\n- Flip Animation\n  - Flipx\n  - FlipY\n- Bounce Animation\n  - BounceInLeft\n  - BounceInRight\n  - BounceInTop\n  - BounceInBottom\n\n\u003cimg src=\"https://raw.githubusercontent.com/shashiben/flutter_next/master/example/assets/animation_example.gif\"\u003e\n\n```dart\n Text(\"Fade In Animations\").customPadding(bottom: 20),\n  Row(\n    mainAxisAlignment: MainAxisAlignment.spaceAround,\n    children: [\n      ContainerThing().fadeIn(\n          variant: NextFadeInVariant.fadeInLeft,\n          duration: Duration(milliseconds: 600)),\n      ContainerThing().fadeIn(\n          variant: NextFadeInVariant.fadeInTop,\n          duration: Duration(milliseconds: 600)),\n      ContainerThing().fadeIn(\n          variant: NextFadeInVariant.fadeInBottom,\n          duration: Duration(milliseconds: 600)),\n      ContainerThing().fadeIn(\n          variant: NextFadeInVariant.fadeInRight,\n          duration: Duration(milliseconds: 600)),\n    ],\n  ),\n  SizedBox(height: 20),\n  Text(\"Fade out Animations\").customPadding(bottom: 20),\n  Row(\n    mainAxisAlignment: MainAxisAlignment.spaceAround,\n    children: [\n      ContainerThing(\n        color: Colors.red,\n      ).fadeOut(\n          variant: NextFadeOutVariant.fadeOutLeft,\n          duration: Duration(milliseconds: 600)),\n      ContainerThing(\n        color: Colors.red,\n      ).fadeOut(\n          variant: NextFadeOutVariant.fadeOutTop,\n          duration: Duration(milliseconds: 600)),\n      ContainerThing(\n        color: Colors.red,\n      ).fadeOut(\n          variant: NextFadeOutVariant.fadeOutBottom,\n          duration: Duration(milliseconds: 600)),\n      ContainerThing(\n        color: Colors.red,\n      ).fadeOut(\n          variant: NextFadeOutVariant.fadeOutRight,\n          duration: Duration(milliseconds: 600)),\n    ],\n  ),\n  SizedBox(height: 20),\n  Text(\"Flip Animations\").customPadding(bottom: 20),\n  Row(\n    mainAxisAlignment: MainAxisAlignment.spaceAround,\n    children: [\n      ContainerThing(\n        color: Colors.yellow,\n      ).flip(\n          variant: NextFlipVariant.flipX,\n          duration: Duration(milliseconds: 600)),\n      ContainerThing(\n        color: Colors.yellow,\n      ).flip(\n          variant: NextFlipVariant.flipY,\n          duration: Duration(milliseconds: 600)),\n    ],\n  ),\n  SizedBox(height: 20),\n  Text(\"Zoom Animations\").customPadding(bottom: 20),\n  Row(\n    mainAxisAlignment: MainAxisAlignment.spaceAround,\n    children: [\n      ContainerThing().zoom(variant: NextZoomVariant.zoomIn),\n      ContainerThing().zoom(variant: NextZoomVariant.zoomOut),\n    ],\n  )\n```\n\n# Extensions\n\n## Widget Extensions\n\n- Now you can add onTap function easily\n\n```dart\nWidget().onTap((){\n  ....\n})\n```\n\n- Double Tap\n\n```dart\nWidget().onDoubleTap((){\n  ....\n})\n```\n\n- On Long press\n\n```dart\nWidget().onLongPress((){\n  ....\n})\n```\n\n- And center your widget easily\n\n```dart\nWidget(\n  child:...\n).center()\n```\n\n- And for column/row/stack\n\n```dart\n[Widget1(),Widget2(),Widget3()].column(\n  // Additionally you can provide mainAxis and remaining params here\n)\n```\n\n- For decoration\n\n```dart\nWidget().addDecoration(BoxDecoration(\n  // Add params here\n))\n```\n\n- you can even use clipRRect,clipper,safearea etc...\n\n## Context\n\nNow access themedata and mediaquery data easily like\n\n```dart\n  context.themeData\n  context.textTheme\n  context.buttonTheme\n  context.snackBarTheme\n```\n\nOr if you want to develop responsive views w.r.t height and width\n\n```dart\n  context.height\n  context.width\n```\n\nAnd for colors\n\n```dart\n  context.primaryColor\n  context.backgroundColor\n  context.canvasColor\n  context.dividerColor\n```\n\n## Padding\n\nInstead of\n\n```dart\nPadding(\n  padding: const EdgeInsets.all(20)\n  child:Widget(\n    child...\n  )\n)\n```\n\nYou can use\n\n```dart\nWidget(\n  child:...\n).pad(20)\n// Or\nWidget(\n  child:...\n).paddingSymmetric(horizontal:20,vertical:12)\n//or\nWidget(\n  child:...\n).customPadding(left:10,right:12)\n```\n\n## String\n\n- We provide handful of string extensions\n  - `\"string\".capitalize()` // Output is: String\n  - `\"45\".toInt()` // Output is: 45\n  - `\"45.4\".toDouble()` // Output is: 45.4\n  - `\"flutter\".isInt()` //Output is: False\n  - `\"flutter\".isDouble()` //Output is: False\n  - `\"flutter\".toDouble() `//Output is: null\n\n## Bool\n\n- `false.toggle()` //Output is true\n\n# Shadows\n\n\u003cimg src=\"https://raw.githubusercontent.com/shashiben/flutter_next/master/example/assets/shadows_example.png\"\u003e\n\n```dart\n  ContainerThing(\n    shadows: NextShadow.shadow100()\n  ),\n```\n\n- Additionally you can provide customshadow color\n\n```dart\n  ContainerThing(\n    shadows: NextShadow.shadow100(color:Colors.red)\n  ),\n```\n## 🔗 Connect with Me\n\nFeel free to connect with me on these platforms:\n\n[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge\u0026logo=ko-fi\u0026logoColor=white)](https://shashiben.me/)\n[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/shashi-kumar-58ab1b1a4/)\n[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white)](https://twitter.com/Shashi35744438)\n\n# 🤝 Contributions\n\nContributions, issues, and feature requests are always welcome! Here's how you can contribute:\n\n- Check out the [open issues](https://github.com/shashiben/flutter_next/issues) to find a task you can help with\n- Fork the repo and create your branch from `master`\n- Make sure your code adheres to our linting standards\n- Submit a pull request and get it reviewed and approved. Welcome to our community!\n\nPlease read the [contribution guidelines](CONTRIBUTING.md) for more information.","funding_links":["https://www.buymeacoffee.com/shashiben"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshashiben%2Fflutter_next","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshashiben%2Fflutter_next","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshashiben%2Fflutter_next/lists"}