Merge pull request #97 from heart2friend/touch-during-scroll-issue

Exposed delayPressIn and delayPressOut properties. Used delayPressIn …
marcocesarato · Apr 20, 2023 · 0bbf32c · 0bbf32c
2 parents 1abbdc7 + bf868ee
commit 0bbf32c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/Example/App.js b/Example/App.js
@@ -38,6 +38,10 @@ export default class App extends Component {
 					<Text style={Styles.title}>
 						Example{"\n"}react-native-input-spinner
 					</Text>
+					<View style={Styles.col}>
+						<Text style={Styles.text}>Prevent auto increment on scroll</Text>
+						<InputSpinner value={this.state.value} style={Styles.spinner} delayPressIn={100}/>
+					</View>
 					<View style={Styles.col}>
 						<Text style={Styles.text}>Standard</Text>
 						<InputSpinner value={this.state.value} style={Styles.spinner} />

diff --git a/src/InputSpinner.js b/src/InputSpinner.js
@@ -25,6 +25,8 @@ import {
  */
 export const defaultSpeed = 7;
 export const defaultAccelerationDelay = 1000;
+export const defaultDelayPressIn = 0;
+export const defaultDelayPressOut = 0;
 export const defaultTypingTime = 500;
 
 /**
@@ -1260,7 +1262,9 @@ class InputSpinner extends Component {
 				disabled={this._isDisabledButtonLeft()}
 				style={buttonStyle}
 				onPressIn={this.decrease.bind(this)}
+				delayPressIn={this.props.delayPressIn}
 				onPressOut={this.onPressOut.bind(this)}
+				delayPressOut={this.props.delayPressOut}
 				onLongPress={this.decreaseHold.bind(this)}
 				delayLongPress={this.props.accelerationDelay}
 				{...this.props.leftButtonProps}>
@@ -1300,7 +1304,9 @@ class InputSpinner extends Component {
 				disabled={this._isDisabledButtonRight()}
 				style={buttonStyle}
 				onPressIn={this.increase.bind(this)}
+				delayPressIn={this.props.delayPressIn}
 				onPressOut={this.onPressOut.bind(this)}
+				delayPressOut={this.props.delayPressOut}
 				onLongPress={this.increaseHold.bind(this)}
 				delayLongPress={this.props.accelerationDelay}
 				{...this.props.rightButtonProps}>
@@ -1502,6 +1508,8 @@ InputSpinner.defaultProps = {
 	width: "auto",
 	height: 50,
 	accelerationDelay: defaultAccelerationDelay,
+	delayPressIn: defaultDelayPressIn,
+	delayPressOut: defaultDelayPressOut,
 	speed: defaultSpeed,
 	emptied: false,
 	continuity: false,

diff --git a/src/index.d.ts b/src/index.d.ts
@@ -53,6 +53,8 @@ export interface ReactNativeInputSpinnerProps {
 	onSubmit?(...args: unknown[]): unknown;
 	onLongPress?(...args: unknown[]): unknown;
 	accelerationDelay?: number;
+	delayPressIn?: number,
+	delayPressOut?: number,
 	speed?: number;
 	emptied?: boolean;
 	continuity?: boolean;