number_selection

插件介绍

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

一个 Flutter 包，提供了一个视觉上吸引人且交互性强的数字选择器小部件，灵感来源于一种酷炫的概念设计。它允许用户通过直观的滚动或点击来选择数字，适用于表单、设置或其他需要数值选择的输入场景。该小部件可自定义，并支持 Android、iOS、Web、macOS、Windows 和 Linux 多个平台。通过流畅的动画和响应式反馈，提升用户体验。

适合场景

需要数值选择的表单输入
可调整值的设置
交互式 UI 组件
移动和桌面应用程序
自定义数字输入界面

主要特点

平滑滚动界面
跨平台兼容性
可自定义外观
响应式触摸交互
动画过渡
支持键盘导航

适合对象

开发基于表单的应用程序的开发者
注重设计的UI实现
跨平台 Flutter 项目
需要直观数字输入的应用程序

使用建议

可能需要额外的样式以实现集成
仅限数字输入
对大型数据集的性能影响
未针对极高频率的更新进行优化

原始 README

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

Example

Demo

How to use

Import number_selection.dart

import 'package:number_selection/number_selection.dart';

And here an use example

NumberSelection(
    theme: NumberSelectionTheme(
        draggableCircleColor: Colors.blue,
        iconsColor: Colors.white,
        numberColor: Colors.white,
        backgroundColor: Colors.deepPurpleAccent,
        outOfConstraintsColor: Colors.deepOrange),
    initialValue: 1,
    minValue: -10,
    maxValue: 10,
    direction: Axis.vertical,
    withSpring: true,
    onChanged: (int value) => print("value: $value"),
    enableOnOutOfConstraintsAnimation: true,
    onOutOfConstraints: () => print("This value is too high or too low"),
);

搜索插件、代码仓与 APP 分类

安装插件