Stepper 步进器

规则

• 当想要对数值进行小幅度调整时，可以使用 Stepper，eg：将年化收益从 4.00% 调整到 4.05%。

代码演示

基本

import { List, Stepper } from 'antd-mobile';
const Demo = React.createClass({
  getInitialState() {
    return { val: 3 };
  },
  onChange(val) {
    // console.log(val);
    this.setState({ val });
  },
  render() {
    return (
      <List renderHeader={() => '演示'}>
        <List.Item extra={
          <Stepper
            style={{ width: '100%', minWidth: '2rem' }}
            showNumber max={10} min={1} value={this.state.val} onChange={this.onChange}
          />}
        >
        显示数值
        </List.Item>
        <List.Item extra={
          <Stepper
            style={{ width: '100%', minWidth: '2rem' }}
            showNumber max={10} min={1} defaultValue={3} disabled
          />}
        >
        禁用
        </List.Item>
      </List>
    );
  },
});
ReactDOM.render(<Demo />, mountNode);

API ( 适用平台：WEB、React-Native )