@shaquillehinds/react-native-svg-icons 0.1.0 → 0.1.1
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 +9 -9
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -19,13 +19,13 @@ A comprehensive, type-safe SVG icon library for React Native with 997+ icons in
|
|
|
19
19
|
## Installation
|
|
20
20
|
|
|
21
21
|
```bash
|
|
22
|
-
npm install react-native-svg-icons react-native-svg @shaquillehinds/react-native-essentials
|
|
22
|
+
npm install @shaquillehinds/react-native-svg-icons react-native-svg @shaquillehinds/react-native-essentials
|
|
23
23
|
```
|
|
24
24
|
|
|
25
25
|
or
|
|
26
26
|
|
|
27
27
|
```bash
|
|
28
|
-
yarn add react-native-svg-icons react-native-svg @shaquillehinds/react-native-essentials
|
|
28
|
+
yarn add @shaquillehinds/react-native-svg-icons react-native-svg @shaquillehinds/react-native-essentials
|
|
29
29
|
```
|
|
30
30
|
|
|
31
31
|
**Note:** This package requires `react-native-svg` and `@shaquillehinds/react-native-essentials` as peer dependencies.
|
|
@@ -43,7 +43,7 @@ cd ios && pod install
|
|
|
43
43
|
### Basic Usage
|
|
44
44
|
|
|
45
45
|
```tsx
|
|
46
|
-
import { SvgIcon } from 'react-native-svg-icons';
|
|
46
|
+
import { SvgIcon } from '@shaquillehinds/react-native-svg-icons';
|
|
47
47
|
|
|
48
48
|
function MyComponent() {
|
|
49
49
|
return <SvgIcon type="filled" name="Heart" size={24} color="#FF0000" />;
|
|
@@ -113,7 +113,7 @@ import type {
|
|
|
113
113
|
IconName, // Union of both filled and outline names
|
|
114
114
|
SvgIconType, // 'filled' | 'outline'
|
|
115
115
|
SvgIconProps, // Component props type
|
|
116
|
-
} from 'react-native-svg-icons';
|
|
116
|
+
} from '@shaquillehinds/react-native-svg-icons';
|
|
117
117
|
```
|
|
118
118
|
|
|
119
119
|
## Available Icons
|
|
@@ -569,7 +569,7 @@ function ControlledIcon() {
|
|
|
569
569
|
|
|
570
570
|
```tsx
|
|
571
571
|
import { TouchableOpacity } from 'react-native';
|
|
572
|
-
import { SvgIcon } from 'react-native-svg-icons';
|
|
572
|
+
import { SvgIcon } from '@shaquillehinds/react-native-svg-icons';
|
|
573
573
|
|
|
574
574
|
function IconButton({ onPress }: { onPress: () => void }) {
|
|
575
575
|
return (
|
|
@@ -583,7 +583,7 @@ function IconButton({ onPress }: { onPress: () => void }) {
|
|
|
583
583
|
### Tab Bar Icons
|
|
584
584
|
|
|
585
585
|
```tsx
|
|
586
|
-
import { SvgIcon } from 'react-native-svg-icons';
|
|
586
|
+
import { SvgIcon } from '@shaquillehinds/react-native-svg-icons';
|
|
587
587
|
|
|
588
588
|
function TabBarIcon({
|
|
589
589
|
focused,
|
|
@@ -607,8 +607,8 @@ function TabBarIcon({
|
|
|
607
607
|
|
|
608
608
|
```tsx
|
|
609
609
|
import { View } from 'react-native';
|
|
610
|
-
import { SvgIcon } from 'react-native-svg-icons';
|
|
611
|
-
import type { FilledIconName } from 'react-native-svg-icons';
|
|
610
|
+
import { SvgIcon } from '@shaquillehinds/react-native-svg-icons';
|
|
611
|
+
import type { FilledIconName } from '@shaquillehinds/react-native-svg-icons';
|
|
612
612
|
|
|
613
613
|
function IconGrid() {
|
|
614
614
|
const icons: FilledIconName[] = ['Heart', 'Star', 'User', 'Setting', 'Home'];
|
|
@@ -636,7 +636,7 @@ See the [Animation](#animation) section for comprehensive examples of animating
|
|
|
636
636
|
|
|
637
637
|
```tsx
|
|
638
638
|
import { memo } from 'react';
|
|
639
|
-
import { SvgIcon } from 'react-native-svg-icons';
|
|
639
|
+
import { SvgIcon } from '@shaquillehinds/react-native-svg-icons';
|
|
640
640
|
|
|
641
641
|
const MemoizedIcon = memo(SvgIcon);
|
|
642
642
|
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@shaquillehinds/react-native-svg-icons",
|
|
3
3
|
"description": "React Native SVG Icons",
|
|
4
4
|
"author": "Shaquille Hinds <shaqdulove@gmail.com> (https://github.com/shaquillehinds)",
|
|
5
|
-
"version": "0.1.
|
|
5
|
+
"version": "0.1.1",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"source": "./src/index.tsx",
|
|
8
8
|
"main": "./lib/commonjs/index.js",
|