一个自定义小部件，用于选择整数或十进制数

Flutter 数字选择器

Flutter Number Picker 是一个自定义小部件，用于通过加减按钮选择整数或十进制数。

入门

1. 前往 /pubspec.yaml 文件并添加以下依赖项，如下所示：

dependencies:
  flutter:
    sdk: flutter
  flutter_number_picker: <latest_version>

或者

dependencies:
  flutter:
    sdk: flutter
  flutter_number_picker:
      git: https://github.com/phuongtinhbien/flutter_number_picker.git

2. 运行 flutter packages get 或使用图形界面工具。
3. 现在，在您的代码中 import 'package:flutter_number_picker/flutter_number_picker.dart';
4. 您已准备就绪！

创建 FlutterNumberPicker 小部件

CustomNumberPicker(
              initialValue: 10000,
              maxValue: 1000000,
              minValue: 0,
              step: 10000,
              onValue: (value) {
                print(value.toString());
              },
            )

属性

• minValue [必需] 是 ButtonPicker 的最小值。
• maxValue [必需] 是 ButtonPicker 的最大值。
• initialValue [必需] 是加载时显示的值。
• onValue [必需] 返回当前值。
• step 定义了每次点击时值增加或减少的量。默认 = 1。
• valueTextStyle 是值的 TextStyle。
• shape 是选择器的 ShapeBorder。
• customAddButton 是一个 Widget。
• customAddButton 是一个 Widget。

用法示例

有关完整示例，请参阅示例目录。

独立小部件

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {

  @override
  void initState() {
    super.initState();
  }

  // Platform messages are asynchronous, so we initialize in an async method.

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plutter number picker'),
        ),
        body: Center(
          child: Container(
            child: CustomNumberPicker(
              initialValue: 10000,
              maxValue: 1000000,
              minValue: 0,
              step: 10000,
              onValue: (value) {
                print(value.toString());
              },
            ),
          ),
        ),
      ),
    );
  }
}

GitHub

https://github.com/phuongtinhbien/flutter_number_picker