tns-material
by endritvitija | v1.1.4
NativeScript 浮动文本字段
npm i --save tns-material

TNS MATERIAL

MaterialUi for Nativescript Angular

截图

ezgif com-video-to-gif

安装

从您项目的根目录运行以下命令

tns plugin add tns-material

或者

npm i tns-material

此命令将自动安装必要的文件,并将 tns-material 作为依赖项存储在项目 package.json 文件中。

配置

无需额外配置!

API

事件

  • 提示

  • 焦点颜色

  • 无焦点颜色

  • 安全

  • 键盘类型

  • 样式

用法

您需要在页面模块中添加 FloatTextFieldModule ,然后简单地使用 <FloatTextField></FloatTextField>


<FloatTextField hint="EMAIL" focusColor="#4286f4"></FloatTextField>
<FloatTextField hint="EMAIL" focusColor="#4286f4" secure="true"></FloatTextField>

<FloatTextField [(model)]="name" (messageChange)="name=$event"></FloatTextField>
  • 在 NgModule 中导入 FloatTextFieldModule

//......
import { FloatTextFieldModule } from "tns-material";

@NgModule({
//......
imports: [
//......
FloatTextFieldModule
//......
],
//......
})