@nativescript-community/ui-material-speeddial
按下时,该 Material Design 组件可以以快速拨号的形式显示三到六个相关操作。
npm i --save @nativescript-community/ui-material-speeddial

NativeScript 材料快速拨号

为 NativeScript 提供的 Material Design 的 快速拨号 组件。

npm npm

内容

  1. 安装
  2. 变更日志
  3. 常见问题解答
  4. 使用方法

安装

ns plugin add @nativescript-community/ui-material-speeddial

确保在添加插件后运行新的构建,以避免任何问题。

变更日志

常见问题解答

使用方法

NativeScript + Vue

import Vue from 'nativescript-vue';
import speeddialPlugin from '@nativescript-community/ui-material-speeddial/vue';

Vue.use(speeddialPlugin);
<MDSpeedDial buttonFontSize="26" text="mdi-one-up"  buttonClass="mdi" buttonBackgroundColor="yellow" @tap="onTap">
<MDSpeedDialItem icon="res://ic_action_add" title="test1" backgroundColor="red" @tap="onTap"/>
<MDSpeedDialItem text="mdi-card-account-mail" title="test2" buttonClass="mdi" backgroundColor="green" @tap="onTap"/>
<MDSpeedDialItem backgroundImage="~/images/iu.jpg" backgroundColor="blue" @tap="onTap"/>
<MDSpeedDialItem icon="res://ic_action_add" title="test4" backgroundColor="orange" @tap="onTap"/>
</MDSpeedDial>