在 React Native 开发过程中，我们通常会遇到需要对数字进行加减的操作。如果想在应用中添加数字加减器，那么 react-native-number-stepper 就是你需要的 npm 包。本文将详细介绍如何在 React Native 中使用此包。
安装
首先你需要使用 npm 安装该包。在根目录下的命令行中输入以下代码：
npm install react-native-number-stepper --save
使用
引入
在要使用的组件中引入 react-native-number-stepper。示例代码如下：
import NumberStepper from 'react-native-number-stepper'; // 其他代码
属性
react-native-number-stepper 提供了以下属性：
| 属性名称 | 类型 | 是否必须 | 默认值 | 描述 |
|---|---|---|---|---|
value |
number | 是 | 0 | 数字初始值 |
minValue |
number | 否 | -Infinity | 数字允许的最小值 |
maxValue |
number | 否 | Infinity | 数字允许的最大值 |
step |
number | 否 | 1 | 每次加减的步数 |
onChange |
function | 否 | noop | 值改变时触发 |
示例代码
-- -------------------- ---- -------
------ ------ ---------- ---- --------
------ ------ ----- ---- ---------------
------ ------------- ---- ------------------------------
----- -------------------- - -- -- -
----- ------- --------- - ------------
------ -
------
----- ------------------ --------- --------------- ----------- --------------
--------------
-------------
------------
-------------
--------
--------------- -- --------------
--
-------
--
--
------ ------- ---------------------结语
以上是对 react-native-number-stepper npm 包使用的详细介绍。希望本文可以对初学者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f93238a385564ab703c