{"id":19774497,"url":"https://github.com/immadisairaj/arrow_pad","last_synced_at":"2026-04-28T16:39:04.523Z","repository":{"id":61972694,"uuid":"462273289","full_name":"immadisairaj/arrow_pad","owner":"immadisairaj","description":"A circular pad with 4 arrows which has a functionality of 4 buttons.","archived":false,"fork":false,"pushed_at":"2023-08-16T13:32:11.000Z","size":7361,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-11T01:26:52.991Z","etag":null,"topics":["arrow-keys","arrow-pad","custom-widget","customizable","dart","directional-buttons","flutter","flutter-package","game-pad","hacktoberfest","keys","package","pub-dev","pub-package"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/arrow_pad","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/immadisairaj.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":["immadisairaj"]}},"created_at":"2022-02-22T11:47:08.000Z","updated_at":"2024-05-24T12:05:17.000Z","dependencies_parsed_at":"2025-01-11T01:26:47.206Z","dependency_job_id":"1925b7aa-c0f9-400d-9e5f-5ba17025a100","html_url":"https://github.com/immadisairaj/arrow_pad","commit_stats":{"total_commits":13,"total_committers":1,"mean_commits":13.0,"dds":0.0,"last_synced_commit":"b05bc3481a340d77eab7d51c0ff4dbe10511ef5c"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/immadisairaj%2Farrow_pad","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/immadisairaj%2Farrow_pad/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/immadisairaj%2Farrow_pad/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/immadisairaj%2Farrow_pad/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/immadisairaj","download_url":"https://codeload.github.com/immadisairaj/arrow_pad/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241105234,"owners_count":19910585,"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":["arrow-keys","arrow-pad","custom-widget","customizable","dart","directional-buttons","flutter","flutter-package","game-pad","hacktoberfest","keys","package","pub-dev","pub-package"],"created_at":"2024-11-12T05:13:08.394Z","updated_at":"2026-04-28T16:38:59.461Z","avatar_url":"https://github.com/immadisairaj.png","language":"Dart","funding_links":["https://github.com/sponsors/immadisairaj"],"categories":[],"sub_categories":[],"readme":"An arrow pad which resembles the mp3 player button style. But instead, there are 4 arrows.\n\n![Arrow Pad Demo](https://user-images.githubusercontent.com/40348358/155262478-bf5d0f1a-6a4c-4233-9f58-032d5bcd2643.gif)\n\n\u003cimg alt=\"Screenshot 1\" src=\"https://github.com/immadisairaj/arrow_pad/assets/40348358/27208d5f-0c71-4d6d-8457-6108b493422d\"\u003e \u003cimg alt=\"Screenshot 2\" src=\"https://user-images.githubusercontent.com/40348358/155262967-e44897a3-0f14-4493-978a-8cba68180d31.png\"\u003e\n\n## Features\n\nThe package can be used in any plaform. It is platform independent.\n\n- Customize the widget using your own styles\n- Different icon styles\n- Click trigger on tap down or tap up\n\n## Arrow Pad Playground\n\nTo vew different features/functionalities, you can view [Arrow Pad Playground](https://arrowpad.immadisairaj.dev). Or, you can use the [Zapp](https://zapp.run/pub/arrow_pad) to play around with the example of this package.\n\n## Migrations (from 0.1.5 to 0.2.0)\n\nDeprecated `onPressedUp`, `onPressedRight`, `onPressedDown` and `onPressedLeft` is replaced with `onPressed`.\n\n```dart\n// Before\nArrowPad(\n    onPressedUp: () =\u003e print('up'),\n    onPressedLeft: () =\u003e print('left'),\n    onPressedRight: () =\u003e print('right'),\n    onPressedDown: () =\u003e print('down'),\n),\n// After\nArrowPad(\n    onPressed: (direction) =\u003e print(direction),\n),\n```\n\n## Setup\n\nThere is no special setup required, just add the dependency in `pubspec.yaml`, import the file, and you are good to go..\n\nAdd the dependency in `pubspec.yaml`\n```yaml\narrow_pad: ^0.2.0 # Note: use latest version\n```\n\nImport the widget into dart file\n```dart\nimport 'package:arrow_pad/arrow_pad.dart';\n```\n## Usage\n\nThe default usage of the arrow pad:\n```dart\n// default usage\nconst ArrowPad(),\n```\n\u003cimg alt=\"Screenshot 1\" src=\"https://github.com/immadisairaj/arrow_pad/assets/40348358/27208d5f-0c71-4d6d-8457-6108b493422d\"\u003e\n\nThe Arrow Pad can be customized with colors, icon styles and click trigger.\n```dart\n// custom usage\nArrowPad(\n    height: 80.0,\n    width: 80.0,\n    innerColor: Colors.blue,\n    arrowPadIconStyle: ArrowPadIconStyle.arrow,\n    clickTrigger: ClickTrigger.onTapDown,\n    onPressed: (direction) =\u003e print('Pressed $direction'),\n),\n```\n![Screenshot 3](https://user-images.githubusercontent.com/40348358/155263058-8b760258-b7a4-4bc0-976e-b4d02f7b0120.png)\n\nYou can find more usage details in the [`/example`](https://github.com/immadisairaj/arrow_pad/tree/main/example).\n\n## Dependency\n\nThis package uses [`cupertino_icons`](https://pub.dev/packages/cupertino_icons) for the default arrow icon style.\n\n## Additional information\n\nThis package is licensed under [BSD 3-Clause License](https://github.com/immadisairaj/arrow_pad/blob/main/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimmadisairaj%2Farrow_pad","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimmadisairaj%2Farrow_pad","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimmadisairaj%2Farrow_pad/lists"}