npm i --save nativescript-badge-button
- 版本：0.1.2
- GitHub: https://github.com/simonox/nativescript-badge-button
- NPM: https://npmjs.net.cn/package/nativescript-badge-button
- 下载量
- 前一天：0
- 上周：0
- 上个月：0
NativeScript 徽章按钮插件
创建具有徽章组件的原生 UIButton。目前仅支持 iOS。
入门指南
npm install nativescript-badge-button --save- 将
BadgeButton元素添加到您的Page标签
xmlns:BadgeButton="nativescript-badge-button"- 在您的页面上使用此元素
<BadgeButton:BadgeButton text="Button with Badge" badgeValue="1" badgeOriginX="450" />可用属性
| 属性 | 类型 | 默认值 |
|---|---|---|
| badgeBGColor | UIColor | redColor |
| badgeTextColor | UIColor | whiteColor |
| badgeFont | UIFont | systemFontOfSize:12.0 |
| badgePadding | number | 6 |
| badgeMinSize | number | 8 |
| badgeOriginX | number | 0 |
| badgeOriginY | number | -4 |
| shouldHideBadgeAtZero | boolean | true |
| shouldAnimateBadge | boolean | true |
演示
- 注意：增量徽章动画，但录制工具只能捕获 4 fps。
已知问题
- 设备旋转时徽章位置不正确
- 徽章的 OriginX 不根据按钮文本自动计算
致谢
- https://github.com/mikeMTOL/UIBarButtonItem-Badge
- https://github.com/TanguyAladenise/BBBadgeBarButtonItem