react-native-simple-stepper
Advanced tools
Comparing version 1.18.1 to 2.0.0
{ | ||
"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 |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
17538
9
18
72
292
1
+ Addedasap@2.0.6(transitive)
+ Addedcore-js@1.2.7(transitive)
+ Addedencoding@0.1.13(transitive)
+ Addedfbjs@0.8.18(transitive)
+ Addediconv-lite@0.6.3(transitive)
+ Addedis-stream@1.1.0(transitive)
+ Addedisomorphic-fetch@2.2.1(transitive)
+ Addednode-fetch@1.7.3(transitive)
+ Addedpromise@7.3.1(transitive)
+ Addedprop-types@15.5.10(transitive)
+ Addedsafer-buffer@2.1.2(transitive)
+ Addedsetimmediate@1.0.5(transitive)
+ Addedua-parser-js@0.7.40(transitive)
+ Addedwhatwg-fetch@3.6.20(transitive)
- Removedprop-types@15.8.1(transitive)
- Removedreact-is@16.13.1(transitive)
Updatedprop-types@15.5.10