arrow_pad 0.1.5 copy "arrow_pad: ^0.1.5" to clipboard
arrow_pad: ^0.1.5 copied to clipboard

A circular pad with 4 arrows which has a functionality of 4 buttons.

An arrow pad which resembles the mp3 player button style. But instead, there are 4 arrows.

Arrow Pad Demo

Screenshot 1 Screenshot 2

Features #

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

Setup #

There is no special setup required, just add the dependency in pubspec.yaml, import the file, and you are good to go..

Add the dependency in pubspec.yaml

arrow_pad: ^0.1.2 # Note: use latest version

Import the widget into dart file

import 'package:arrow_pad/arrow_pad.dart';

Usage #

The default usage of the arrow pad:

// default usage
const ArrowPad(),

Screenshot 1

The Arrow Pad can be customized with colors, icon styles and click trigger.

// custom usage
ArrowPad(
    height: 80.0,
    width: 80.0,
    innerColor: Colors.blue,
    arrowPadIconStyle: ArrowPadIconStyle.arrow,
    clickTrigger: ClickTrigger.onTapDown,
    onPressedUp: () => print('up'),
    onPressedLeft: () => print('left'),
    onPressedRight: () => print('right'),
    onPressedDown: () => print('down'),
),

Screenshot 3

You can find more usage details in the /example.

Dependency #

This package uses cupertino_icons for the default arrow icon style.

Additional information #

This package is licensed under BSD 3-Clause License

10
likes
140
pub points
66%
popularity

Publisher

verified publisherimmadisairaj.dev

A circular pad with 4 arrows which has a functionality of 4 buttons.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (LICENSE)

Dependencies

cupertino_icons, flutter

More

Packages that depend on arrow_pad