Skip to content

Commit 5d40764

Browse files
add example
1 parent ad3906d commit 5d40764

8 files changed

Lines changed: 10 additions & 3 deletions

File tree

README.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,5 +88,10 @@ export default class Main extends Component {
8888
```
8989
![Total usage](docs/image5.png?raw=true "total usage")
9090

91+
```javascript
92+
<Speedometer value={25} totalValue={100} showIndicator />
93+
```
94+
![](docs/image6.png?raw=true "Needle indicator")
95+
9196
## License
9297
MIT

docs/image2.png

-949 Bytes
Loading

docs/image3.png

2.1 KB
Loading

docs/image4.png

2.36 KB
Loading

docs/image5.png

1.46 KB
Loading

docs/image6.png

4.77 KB
Loading

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-native-speedometer-chart",
3-
"version": "0.7.0",
3+
"version": "0.7.1",
44
"description": "Speedometer Chart component for React Native",
55
"main": "src/index.js",
66
"author": "Lucas Monteiro",

src/rules.js

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import color from 'color';
22

33
export const getStyles = (size, percent = 0.5) => ({
4-
outerCircle: {
4+
outerCircle: {
55
justifyContent: 'flex-end',
66
alignItems: 'center',
77
width: size,
@@ -54,4 +54,6 @@ export const getStyles = (size, percent = 0.5) => ({
5454
},
5555
});
5656

57-
export const getColorPointIndicator = (cor) => color(cor).darken(.2);
57+
export const getColorPointIndicator = (cor) => {
58+
return color(cor).darken(0.2).hex();
59+
};

0 commit comments

Comments
 (0)