nativescript-numberpicker

数字选择器插件

安装

tns plugin add nativescript-numberpicker

为 TypeScript 支持添加以下内容到你的 references.d.ts

    /// <reference path="./node_modules/nativescript-numberpicker/numberpicker.d.ts" /> Needed for autocompletion and compilation.

在 XML 中的使用

将以下内容添加到你的命名空间 xmlns:numberpicker="nativescript-numberpicker" 然后像这样使用 <numberpicker:NumberPicker value="3" minValue="2" maxValue="6" id="np"/>

下面是示例

    <Page 
    xmlns="http://schemas.nativescript.org/tns.xsd"
    xmlns:numberpicker="nativescript-numberpicker" loaded="loaded">
    <StackLayout style.backgroundColor="green" id="Mycontainer">
        <Label text="Find numberpicker below" class="message" textWrap="true"/>
        <numberpicker:NumberPicker value="3" minValue="2" maxValue="6" id="np"/>
        <Label text="Find numberpicker below" class="message" textWrap="true"/>
    </StackLayout>
    </Page>


    //how to retrive value set from view
    import numberpicker = require("nativescript-numberpicker");
    let np = <numberpicker.NumberPicker>page.getViewById("np");
    let value = np.value; //retrive value from view

在代码中的使用

    //adding numberpicker from code
    import numberpicker = require("nativescript-numberpicker");
    let np = new numberpicker.NumberPicker();
    np.minValue = 0;
    np.maxValue = 10;
    np.value = 3;//this should be set after maxValue and minValue has been provided

    //add numberpicker to your layout
    let layout = page.getViewById("Mycontainer");
    layout.addChild(np);

支持

支持 Android 和 iOS。

注意: iOS 尚未测试，但应该可以正常工作 ;) 不是我们所有人都用 Mac.. 哈哈

问题和功能请求

只需创建一个问题，我会尽快回复你

拉取请求

是的，是的，是的，发送它们...继续发...

即将推出

为 iOS 和 Android 提供样式支持

许可

MIT