0.1.2 • Published 8 years ago

nativescript-badge-button v0.1.2

Weekly downloads
5
License
MIT
Repository
github
Last release
8 years ago

NativeScript Badge Button Plugin

npm npm

Creates a native UIButton with a badge component. Currently only supported on iOS.

Getting Started

  • npm install nativescript-badge-button --save
  • Add the BadgeButton element to your Page tag: 
xmlns:BadgeButton="nativescript-badge-button"
  • Use the element on your page: 
<BadgeButton:BadgeButton text="Button with Badge" badgeValue="1" badgeOriginX="450" />

Available Properties

PropertyTypeDefault
badgeBGColorUIColorredColor
badgeTextColorUIColorwhiteColor
badgeFontUIFontsystemFontOfSize:12.0
badgePaddingnumber6
badgeMinSizenumber8
badgeOriginXnumber0
badgeOriginYnumber-4
shouldHideBadgeAtZerobooleantrue
shouldAnimateBadgebooleantrue

Demo

  • Note: Incremental badge is animated, but recording tool can only capture 4 fps. Image

Known Issues

  • Positioning of the badge is incorrect when rotating the device
  • OriginX of the badge does not auto calculate based on the button text

Credits

NativeScriptJavaScriptiOSBadge Button
@everything-registry/sub-chunk-2247@infinitebrahmanuniverse/nolb-nativescript-b
0.1.2

8 years ago

0.1.1

9 years ago

0.1.0

9 years ago