numberpicker

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

NumberPicker 是一个 Flutter 小部件，允许用户通过可滚动的旋钮选择数字，提供了一种直观且交互性强的方式来输入数值。它支持平滑滚动、可自定义范围、步进增量和格式化选项。该小部件专为跨平台使用而设计，在 Android、iOS、Web、macOS、Windows 和 Linux 上均可无缝运行。此小部件非常适合需要精确数字输入的表单，例如年龄、数量或设置调整。

适合场景

带有数值的表单输入
调整音量或速度等设置
购物车中的数量选择
年龄或出生日期输入
UI 中可自定义的数字范围

主要特点

可滚动的旋转器界面
可配置的最小/最大值
步骤增量控制
自定义格式化支持
跨平台兼容性
滚动时的平滑动画

适合对象

开发基于表单的应用程序的开发者
需要交互式数字输入的UI设计师
需要精确数值选择的应用
跨平台应用程序，针对多种设备

使用建议

可能需要额外的样式才能实现自定义外观
内置验证功能有限，仅限于范围边界
使用非常大的数字范围时的性能影响
不适用于非数值数据类型

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

NumberPicker is a custom widget designed for choosing an integer or decimal number by scrolling spinners.

ezgif com-gif-maker

Example:

(See example for more)

class _IntegerExample extends StatefulWidget {
  @override
  __IntegerExampleState createState() => __IntegerExampleState();
}

class __IntegerExampleState extends State<_IntegerExample> {
  int _currentValue = 3;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        NumberPicker(
          value: _currentValue,
          minValue: 0,
          maxValue: 100,
          onChanged: (value) => setState(() => _currentValue = value),
        ),
        Text('Current value: $_currentValue'),
      ],
    );
  }
}