- Notifications
You must be signed in to change notification settings - Fork0
A circular pad with 4 arrows which has a functionality of 4 buttons.
License
immadisairaj/arrow_pad
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
An arrow pad which resembles the mp3 player button style. But instead, there are 4 arrows.
The package can be used in any plaform. It is platform independent.
- Customize the widget using your own styles
- Different icon styles
- Click trigger on tap down or tap up
To vew different features/functionalities, you can viewArrow Pad Playground. Or, you can use theZapp to play around with the example of this package.
DeprecatedonPressedUp
,onPressedRight
,onPressedDown
andonPressedLeft
is replaced withonPressed
.
// BeforeArrowPad( onPressedUp: ()=>print('up'), onPressedLeft: ()=>print('left'), onPressedRight: ()=>print('right'), onPressedDown: ()=>print('down'),),// AfterArrowPad( onPressed: (direction)=>print(direction),),
There is no special setup required, just add the dependency inpubspec.yaml
, import the file, and you are good to go..
Add the dependency inpubspec.yaml
arrow_pad:^0.2.0# Note: use latest version
Import the widget into dart file
import'package:arrow_pad/arrow_pad.dart';
The default usage of the arrow pad:
// default usageconstArrowPad(),

The Arrow Pad can be customized with colors, icon styles and click trigger.
// custom usageArrowPad( height:80.0, width:80.0, innerColor:Colors.blue, arrowPadIconStyle:ArrowPadIconStyle.arrow, clickTrigger:ClickTrigger.onTapDown, onPressed: (direction)=>print('Pressed $direction'),),
You can find more usage details in the/example
.
This package usescupertino_icons
for the default arrow icon style.
This package is licensed underBSD 3-Clause License
About
A circular pad with 4 arrows which has a functionality of 4 buttons.