New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-native-simple-stepper

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-simple-stepper - npm Package Compare versions

Comparing version 1.18.1 to 2.0.0

index.js

36

package.json
{
"name": "react-native-simple-stepper",
"version": "1.18.1",
"description": "A super simple react-native implementation of the classic UIStepper from iOS.",
"main": "SimpleStepper.js",
"version": "2.0.0",
"description": "A super simple react-native implementation of the UIStepper from iOS.",
"main": "index.js",
"directories": {

@@ -11,3 +11,3 @@ "example": "example"

"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
"test": "./node_modules/.bin/jest --forceExit --runInBand"
},

@@ -17,3 +17,4 @@ "jest": {

"modulePathIgnorePatterns": [
"/example"
"/example",
"/coverage"
],

@@ -29,2 +30,4 @@ "coverageDirectory": "./coverage/",

"react-component",
"control",
"react-native-component",
"ios",

@@ -37,3 +40,5 @@ "android",

"SimpleStepper",
"simple stepper"
"simple stepper",
"simple_stepper",
"simple"
],

@@ -47,16 +52,15 @@ "author": "Brian Sinnicke",

"devDependencies": {
"babel-jest": "19.0.0",
"babel-preset-react-native": "1.9.1",
"enzyme": "2.8.2",
"enzyme-to-json": "1.5.1",
"jest": "19.0.2",
"babel-preset-react-native": "4.0.1",
"enzyme": "3.7.0",
"enzyme-adapter-react-16": "1.6.0",
"enzyme-to-json": "3.3.4",
"jest": "23.6.0",
"prop-types": "15.5.10",
"react": "16.0.0-alpha.6",
"react-dom": "15.5.4",
"react-native": "0.44.0",
"react-test-renderer": "15.5.4"
"react": "16.3.1",
"react-dom": "16.3.1",
"react-native": "0.55.4"
},
"dependencies": {
"prop-types": "^15.5.10"
"prop-types": "15.5.10"
}
}

@@ -25,18 +25,21 @@ # react-native-simple-stepper

```javascript
import SimpleStepper from 'react-native-simple-stepper'
//...
render() {
return (
<SimpleStepper valueChanged={(value) => this.valueChanged(value)} />
)
import React, { Component } from 'react';
import SimpleStepper from 'react-native-simple-stepper';
export default class App extends Component {
constructor(props) {
super(props);
this.state = { value: 0 };
}
valueChanged(value) {
// Truncate value to 2 decimal places and cast as Number (like the demo).
const nextValue = Number(value.toFixed(2));
this.setState({ value: nextValue });
// ...
}
render() {
const { value } = this.state;
return <SimpleStepper value={value} valueChanged={value => this.valueChanged(value)} />;
}
}
valueChanged(value) {
// If you want to set the value to a certain decimal point you can like so:
const displayValue = value.toFixed(2)
this.setState({
displayValue: displayValue
})
// ...
}
//...
```

@@ -49,2 +52,3 @@ ## Demo

| --- | :---: | --- | --- |
| ```value``` | Number | stepper's value | 0
| ```initialValue``` | Number | initial value | 0

@@ -51,0 +55,0 @@ | ```minimumValue``` | Number | minimum value | 0

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc