NativeScript 材料消息栏

为 NativeScript 提供的 Material Design 消息栏 组件。

内容

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

安装

适用于 NativeScript 7.0+

• tns plugin add @nativescript-community/ui-material-snackbar

适用于 NativeScript 6.x

• tns plugin add nativescript-material-snackbar

如果使用 tns-core-modules

• tns plugin add [email protected]

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

变更日志

常见问题解答

使用方法

TypeScript

import { SnackBar } from '@nativescript-community/ui-material-snackbar';

const snackbar = new SnackBar();

export function showSimpleSnackbar() {
    snackbar.simple(`I'm a simple snackbar`).then(result => console.log('Simple Snackbar:', result));
}

export function showActionSnackbar() {
    snackbar
        .action({
            message: `I'm a snackbar with an action`,
            actionText: 'Dismiss',
            hideDelay: 2000
        })
        .then(result => console.log('Action Snackbar:', result));
}

export function showColorfulSnackbar() {
    snackbar
        .action({
            message: `I'm a colorful snackbar`,
            textColor: 'blue',
            actionTextColor: 'yellow',
            backgroundColor: 'green',
            actionText: 'Dismiss',
            hideDelay: 2000
        })
        .then(result => console.log('Action Snackbar:', result));
}