NumberPicker 数量选择

数量选择

API#

参数	说明	类型	默认值
value	当前数值	number
defaultValue	默认数值（非受限）	number	0
min	最小值	number	0
max	最大值	number	100
step	步长	number	1
disabled	是否禁用	bool	false
editable	是否可以输入	bool	true
autoCorrect	是否自动修正用户输入的非法内容	bool	false
onChange	数值改变时回调函数	function(value)	noop

代码演示

预览二维码


/** @jsx createElement */
import {createElement, Component} from 'weex-rx';
import { View, Text} from 'nuke-components';
import { NumberPicker } from 'nuke';
import { mount } from 'nuke-mounter';


let App = class NukeDemoIndex extends Component {
    constructor() {
        super();

    }

    changeHandle(value) {
         console.log(`currentValue: ${value}`);
    }

    render() {
        return (
            <View>
                <NumberPicker min={1} max={10} defaultValue={2} onChange={this.changeHandle} step={3}/>
            </View>

        );
    }
}

mount(<App/>, mountNode);

按钮类型

简单的NumberPicker使用。

按钮类型

按钮类型