react-native-ico-rpg-game 4.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +86 -0
- package/package.json +27 -0
- package/src/data.js +1981 -0
- package/src/index.jsx +10 -0
- package/static/all-for-one.png +0 -0
- package/static/alligator-clip.png +0 -0
- package/static/ammo-bag.png +0 -0
- package/typings.d.ts +510 -0
package/README.md
ADDED
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
# Rpg Game Icons for React Native
|
|
2
|
+
|
|
3
|
+
### react-native-ico-rpg-game
|
|
4
|
+
|
|
5
|
+
495 Vector Icons for React Native
|
|
6
|
+
|
|
7
|
+
<img src="./static/all-for-one.png" alt="all-for-one" width="150" height="150"> <img src="./static/alligator-clip.png" alt="alligator-clip" width="150" height="150"> <img src="./static/ammo-bag.png" alt="ammo-bag" width="150" height="150">
|
|
8
|
+
|
|
9
|
+
## List of icons
|
|
10
|
+
|
|
11
|
+
- [List of Rpg Game Icons](http://ico.simpleness.org/pack/rpg-game)
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
```
|
|
16
|
+
import Icon from 'react-native-ico-rpg-game';
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
// Inside some view component
|
|
20
|
+
render() {
|
|
21
|
+
return (
|
|
22
|
+
<>
|
|
23
|
+
<Icon name="all-for-one" />
|
|
24
|
+
<Icon name="alligator-clip" height="40" width="40" />
|
|
25
|
+
<Icon name="ammo-bag" color="red" />
|
|
26
|
+
<Icon name="alligator-clip" badge="10" />
|
|
27
|
+
<Icon name="alligator-clip" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
|
|
28
|
+
<Icon name="all-for-one" background="circle" />
|
|
29
|
+
<Icon name="all-for-one" background={{ type: "button", color: 'green' }} />
|
|
30
|
+
</>
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Installation
|
|
37
|
+
|
|
38
|
+
#### yarn
|
|
39
|
+
|
|
40
|
+
```bash
|
|
41
|
+
yarn add react-native-ico-rpg-game react-native-svg
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
#### npm
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
npm install --save react-native-ico-rpg-game react-native-svg
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
### Link react-native-svg
|
|
51
|
+
|
|
52
|
+
```bash
|
|
53
|
+
react-native link react-native-svg
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
### pod install ( for iOS )
|
|
57
|
+
|
|
58
|
+
```
|
|
59
|
+
cd ios && pod install && cd ..
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## API
|
|
63
|
+
|
|
64
|
+
### <Icon name [color width height background badge ...rest] />
|
|
65
|
+
|
|
66
|
+
Returns a SvgXml icon by name and group.
|
|
67
|
+
|
|
68
|
+
name | optional | default value | description | examples
|
|
69
|
+
------|----------|---------------|-------------|---------
|
|
70
|
+
name | no | | name of icon | "all-for-one"
|
|
71
|
+
color | yes | | line color, css style | "#00ff00", "#0f0", "green"
|
|
72
|
+
width | yes | 20 | width of the icon | 40
|
|
73
|
+
height | yes | 20 | height of the icon | 40
|
|
74
|
+
background | no | | background type | "circle"
|
|
75
|
+
background | no | | background object | {type: "circle", color: 'yellow'}
|
|
76
|
+
badge | no | | badge string | "10"
|
|
77
|
+
badge | no | | badge object | {value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}
|
|
78
|
+
...rest | no | | other props | style={{backgroundColor: "#00f"}}
|
|
79
|
+
|
|
80
|
+
## Icons Made by
|
|
81
|
+
|
|
82
|
+
[Dave Gandy](https://www.flaticon.com/authors/dave-gandy)
|
|
83
|
+
|
|
84
|
+
## Created by
|
|
85
|
+
|
|
86
|
+
Dimitry Ivanov <2@ivanoff.org.ua> # curl -A cv ivanoff.org.ua
|
package/package.json
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "react-native-ico-rpg-game",
|
|
3
|
+
"version": "4.1.3",
|
|
4
|
+
"description": "Rpg Game Icons for React Native",
|
|
5
|
+
"main": "src/index.jsx",
|
|
6
|
+
"types": "typings.d.ts",
|
|
7
|
+
"dependencies": {
|
|
8
|
+
"react-svg-main": "^3.0.1"
|
|
9
|
+
},
|
|
10
|
+
"repository": {
|
|
11
|
+
"type": "git",
|
|
12
|
+
"url": "https://github.com/ivanoff/react-native-ico-rpg-game.git"
|
|
13
|
+
},
|
|
14
|
+
"keywords": [
|
|
15
|
+
"React",
|
|
16
|
+
"React Native",
|
|
17
|
+
"Icons",
|
|
18
|
+
"Icon",
|
|
19
|
+
"SVG",
|
|
20
|
+
"Rpg Game"
|
|
21
|
+
],
|
|
22
|
+
"author": "Dimitry Ivanov <2@ivanoff.org.ua> # curl -A cv ivanoff.org.ua",
|
|
23
|
+
"bugs": {
|
|
24
|
+
"url": "https://github.com/ivanoff/react-native-ico-rpg-game/issues"
|
|
25
|
+
},
|
|
26
|
+
"homepage": "http://ico.simpleness.org/pack/rpg-game"
|
|
27
|
+
}
|