Flutter SpinBox

SpinBox for Flutter 是一款数字输入小部件，带有一个用于输入特定值的输入字段，以及用于快速、便捷和准确地调整值的旋转按钮。

准则

Spin boxes最适合那些

  • 处理大数值范围和高精度的应用程序
  • 其中用户通常预先知道他们输入的精确值，
  • 当用户以后可能需要准确地调整先前输入的值时。

作为经验法则，Spin boxes非常适用于以下场景：

  • 滑块和类似的UI控件不够精确，
  • 翻转器和类似的UI控件无法提供足够的数值范围，
  • 以及纯文本字段在调整数值时很不方便
    （打开VKB，移动光标，删除先前的值，输入新值…versus.点击-点击-完成）。

设计

Flutter SpinBox有两种变体。它为Flutter中的两种设计都提供了实现，
Material和Cupertino（iOS）。

Material Design

spinbox

import 'package:flutter_spinbox/material.dart'; // or flutter_spinbox.dart for both

SpinBox(
  min: 1,
  max: 100,
  value: 50,
  onChanged: (value) => print(value),
)

另请参阅 Material Components widgets 包。

Cupertino（iOS风格）设计

cupertino_spinbox

import 'package:flutter_spinbox/cupertino.dart'; // or flutter_spinbox.dart for both

CupertinoSpinBox(
  min: 1,
  max: 100,
  value: 50,
  onChanged: (value) => print(value),
)

另请参阅 Cupertino（iOS风格）widgets 包。

用法

要使用此包，请在您的pubspec.yaml文件中将flutter_spinbox添加为 依赖项。

GitHub

https://github.com/jpnurmi/flutter_spinbox