{"id":13551882,"url":"https://github.com/darioielardi/flutter_speed_dial","last_synced_at":"2025-10-23T08:12:51.259Z","repository":{"id":39705913,"uuid":"140101211","full_name":"darioielardi/flutter_speed_dial","owner":"darioielardi","description":"Flutter plugin to implement a Material Design Speed Dial","archived":false,"fork":false,"pushed_at":"2024-06-15T07:59:59.000Z","size":384,"stargazers_count":416,"open_issues_count":37,"forks_count":182,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-11-03T22:33:43.305Z","etag":null,"topics":["flutter","flutter-plugin","material-design"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/flutter_speed_dial","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/darioielardi.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":"FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"prateekmedia"}},"created_at":"2018-07-07T16:48:06.000Z","updated_at":"2024-09-05T10:57:47.000Z","dependencies_parsed_at":"2024-01-14T11:07:56.018Z","dependency_job_id":"e48ef79b-dd09-44e3-b60e-552609e70bf2","html_url":"https://github.com/darioielardi/flutter_speed_dial","commit_stats":null,"previous_names":[],"tags_count":19,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darioielardi%2Fflutter_speed_dial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darioielardi%2Fflutter_speed_dial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darioielardi%2Fflutter_speed_dial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/darioielardi%2Fflutter_speed_dial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/darioielardi","download_url":"https://codeload.github.com/darioielardi/flutter_speed_dial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246925423,"owners_count":20855881,"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":["flutter","flutter-plugin","material-design"],"created_at":"2024-08-01T12:01:55.010Z","updated_at":"2025-10-23T08:12:51.188Z","avatar_url":"https://github.com/darioielardi.png","language":"Dart","funding_links":["https://github.com/sponsors/prateekmedia","https://www.buymeacoffee.com/prateeksunal"],"categories":["Dart","Flutter"],"sub_categories":["Components"],"readme":"\u003ch2 align=\"center\"\u003eFlutter Speed Dial\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\nFlutter package to render a \u003ca href=\"https://material.io/design/components/buttons-floating-action-button.html#types-of-transitions\"\u003eMaterial Design Speed Dial\u003c/a\u003e.\n\u003c/p\u003e\n\n\n## Support the development\n\nTo sustain the development of this library we need someone who can help this library either through code or by donating it. Donation will help us to live up in the world of unmaintained open source packages and to dedicate more time in improving this to live up to the mark. We will also add the name of the contributors or the donaters in the README section.\n\nTo donate directly you can use below link, don't forget to leave a message there:\n\n\u003ca href=\"https://www.buymeacoffee.com/prateeksunal\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" alt=\"Buy Me A Coffee\" style=\"height: 60px !important;width: 217px !important;\" \u003e\u003c/a\u003e\n\nOr become a Github [sponser](https://github.com/sponsors/prateekmedia) by clicking on the Sponser button in this repository.\n\n\u003cp align=\"center\"\u003e\u003ca href=\"https://github.com/darioielardi/flutter_speed_dial/releases\"\u003e\u003cimg alt=\"GitHub release\" src=\"https://img.shields.io/github/v/release/darioielardi/flutter_speed_dial\"/\u003e\u003c/a\u003e \u003ca href=\"LICENSE\"\u003e\u003cimg alt=\"License\" src=\"https://img.shields.io/github/license/darioielardi/flutter_speed_dial?color=blue\"/\u003e\u003c/a\u003e \u003ca href=\"https://pub.dev/documentation/flutter_speed_dial/latest/flutter_speed_dial/flutter_speed_dial-library.html\"\u003e\u003cimg alt=\"Classic API Docs\" src=\"https://img.shields.io/badge/Classic Docs-informational\"/\u003e\u003c/a\u003e \u003ca href=\"#usage\"\u003e\u003cimg alt=\"Usage\" src=\"https://img.shields.io/badge/Usage-blue\"/\u003e\u003c/a\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://user-images.githubusercontent.com/41370460/113670683-0de04700-96d3-11eb-8029-aeadf1797b60.gif\" height=\"460\"\u003e\n\u003c/p\u003e\n\n### Usage\n\nThe SpeedDial widget is built to be placed in the `Scaffold.floatingActionButton` argument, replacing the `FloatingActionButton` widget.\nYou can set its position using `Scaffold.floatingActionButtonLocation` argument.\nIt can also be used with `Scaffold.bottomNavigationBar` and `Snackbar`.\n\n**Null safety** is available from version **3.0.5** *( It is also backward compatible,  meaning you can use it with non null safe code too )*\n\n#### Labels\n\nSpeedDial can take any Widget as `label` *SpeedDial will use Extended FloatingActionButton property if label is specified*. It also have `activeLabel` property by which you can specify the label which is shown when SpeedDial is open. It also comes with its labelTransitionBuilder which defaults to fade transition.\n\nAlso Every child's button have `label` property which accepts `String` which can be styled by using `labelStyle`. If you want to specify a widget then you can use labelWidget.  \nIf the `label` parameter is not provided, then the label will be not rendered.\n\n#### Types of child for SpeedDial *(Ordered by their priority)*\n\u003cdetails\u003e\n \u003csummary\u003e\n  \u003cb\u003eAnimated Icon\u003c/b\u003e using \u003ccode\u003eanimatedIcon\u003c/code\u003e property\n \u003c/summary\u003e\nSpeedDial's AnimatedIcon has two specific parameters:\n\n- `animatedIcon` takes an `AnimatedIconData` widget\n- `animatedIconTheme` takes `IconThemeData`\n\u003c/details\u003e\n\u003cdetails\u003e\n \u003csummary\u003e\n  \u003cb\u003eWidget\u003c/b\u003e using \u003ccode\u003echild\u003c/code\u003e \u0026 \u003ccode\u003eactiveChild\u003c/code\u003e property\n \u003c/summary\u003e\nSpeedDial's Widget has two specific parameters:\n\n- `child` takes a widget and is the default placeholder if dial is not open.\n- `activeChild` takes a widget and is the child's Widget which is used when dial is open, not required.\n\u003c/details\u003e\n\u003cdetails\u003e\n \u003csummary\u003e\n  \u003cb\u003eIconData\u003c/b\u003e using \u003ccode\u003eicon\u003c/code\u003e \u0026 \u003ccode\u003eactiveIcon\u003c/code\u003e property\n \u003c/summary\u003e\nSpeedDial's IconData has three specific parameters:\n\n- `icon` takes a `IconData` and is the default placeholder if dial is not open.\n- `activeIcon` takes a `IconData` and is the child's IconData which is used when dial is open, not required.\n- `iconTheme` takes its `IconThemeData` which includes color and size.\n\u003c/details\u003e\n\nThe package will handle the animation by itself.\n\n#### Handle spacing\n\nThere are various properties for SpeedDial by which you can adjust the spacing:\n\n1. `spacing` - This parameter handles the space b/w speed dial and its children.  \n\n2. `spaceBetweenChildren` - As the name suggests, this is used to adjust the space b/w every child element  \n\n3. `childPadding` - This will adjust the padding of children speed dial button, this will help you to control the size of the children button more effectively.  \n\n4. `childMargin` - This will help you to adjust the margin b/w children speed dial button and its label.  \n\n#### Close on WillPop\n\nCloses automatically on back button press, if dial is open.\nIf you don't want this behaviour then simply change the value of `closeDialOnPop` to false.\n\n#### How to use `openCloseDial` property:\n\n1. Create a value notifier named `isDialOpen`:\n```dart\nValueNotifier\u003cbool\u003e isDialOpen = ValueNotifier(false);\n```\n2. Then set `openCloseDial` to `isDialOpen` in your `SpeedDial`:\n```dart\nSpeedDial(\n  ...\n  openCloseDial: isDialOpen,\n  ...\n)\n```\n3. Now you can change the state of dial open:\n```dart\nisDialOpen.value = false;\n```\n\n#### Example Usage\n\nSee [Example Code](example/lib/main.dart) for more info.\n\n### Issues \u0026 Feedback\n\nPlease file an [issue](https://github.com/darioielardi/flutter_speed_dial/issues) to send feedback or report a bug,  \nIf you want to ask a question or suggest an idea then you can [open an discussion](https://github.com/darioielardi/flutter_speed_dial/discussions).  \nThank you!\n\n### Contributing\n\nEvery pull request is welcome.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarioielardi%2Fflutter_speed_dial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdarioielardi%2Fflutter_speed_dial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarioielardi%2Fflutter_speed_dial/lists"}