Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

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

License

NotificationsYou must be signed in to change notification settings

immadisairaj/arrow_pad

Repository files navigation

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

Arrow Pad Demo

Screenshot 1Screenshot 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

Arrow Pad Playground

To vew different features/functionalities, you can viewArrow Pad Playground. Or, you can use theZapp to play around with the example of this package.

Migrations (from 0.1.5 to 0.2.0)

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),),

Setup

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';

Usage

The default usage of the arrow pad:

// default usageconstArrowPad(),
Screenshot 1

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'),),

Screenshot 3

You can find more usage details in the/example.

Dependency

This package usescupertino_icons for the default arrow icon style.

Additional information

This package is licensed underBSD 3-Clause License


[8]ページ先頭

©2009-2025 Movatter.jp