Merged #45 and whole Icon types are extended from base IconProps thanks to @davidgovea

Author: kuraydev

example/.prettierrc.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import {View, StatusBar, SafeAreaView} from 'react-native';
-import Icon from 'react-native-dynamic-vector-icons';
+import React from "react";
+import { View, StatusBar, SafeAreaView } from "react-native";
+import Icon from "react-native-dynamic-vector-icons";
 
 const App = () => {
   return (
@@ -9,9 +9,10 @@ const App = () => {
       <SafeAreaView
         style={{
           flex: 1,
-          alignItems: 'center',
-          justifyContent: 'center',
-        }}>
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+      >
         <Icon name="github" type="Feather" size={50} color="black" />
         <Icon name="cog" type="FontAwesome5" size={50} color="black" />
       </SafeAreaView>

example/App.tsx

@@ -12,7 +12,7 @@
   "dependencies": {
     "react": "16.13.1",
     "react-native": "0.63.2",
-    "react-native-dynamic-vector-icons": "^1.1.3",
+    "react-native-dynamic-vector-icons": "^1.1.4",
     "react-native-vector-icons": "^7.1.0"
   },
   "devDependencies": {

example/package.json

@@ -10,30 +10,67 @@ interface IconPropsBase extends TextProps {
   style?: TextStyle;
 }
 
-interface BasicIconProps extends IconPropsBase {
-  type:
-    | "AntDesign"
-    | "MaterialIcons"
-    | "EvilIcons"
-    | "Entypo"
-    | "FontAwesome"
-    | "Foundation"
-    | "Ionicons"
-    | "MaterialCommunityIcons"
-    | "Zocial"
-    | "Octicons"
-    | "SimpleLineIcons"
-    | "Fontisto"
-    | "Feather";
+interface AntDesignProps extends IconPropsBase {
+  type: "AntDesign";
+}
+interface MaterialIconsProps extends IconPropsBase {
+  type: "MaterialIcons";
+}
+interface EvilIconsProps extends IconPropsBase {
+  type: "EvilIcons";
+}
+interface EntypoProps extends IconPropsBase {
+  type: "Entypo";
+}
+interface FontAwesomeProps extends IconPropsBase {
+  type: "FontAwesome";
+}
+interface FoundationProps extends IconPropsBase {
+  type: "Foundation";
+}
+interface IoniconsProps extends IconPropsBase {
+  type: "Ionicons";
+}
+interface MaterialCommunityIconsProps extends IconPropsBase {
+  type: "MaterialCommunityIcons";
+}
+interface ZocialProps extends IconPropsBase {
+  type: "Zocial";
+}
+interface OcticonsProps extends IconPropsBase {
+  type: "Octicons";
+}
+interface SimpleLineIconsProps extends IconPropsBase {
+  type: "SimpleLineIcons";
+}
+interface FontistoProps extends IconPropsBase {
+  type: "Fontisto";
+}
+interface FeatherProps extends IconPropsBase {
+  type: "Feather";
 }
 
-interface Fa5IconProps extends IconPropsBase {
+interface FontAwesome5Props extends IconPropsBase {
   type: "FontAwesome5";
   brand?: boolean;
   solid?: boolean;
 }
 
-type IconProps = BasicIconProps | Fa5IconProps;
+type IconProps =
+  | AntDesignProps
+  | MaterialIconsProps
+  | EvilIconsProps
+  | EntypoProps
+  | FontAwesomeProps
+  | FoundationProps
+  | IoniconsProps
+  | MaterialCommunityIconsProps
+  | ZocialProps
+  | OcticonsProps
+  | SimpleLineIconsProps
+  | FontistoProps
+  | FeatherProps
+  | FontAwesome5Props;
 
 const Icon = (props: IconProps): JSX.Element => {
   const { name, color, size, onPress, style, ...textProps } = props;

lib/Icon.tsx

@@ -1,6 +1,6 @@
 {
   "name": "react-native-dynamic-vector-icons",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Wrapper of react-native-vector-icons to use dynamic types.",
   "keywords": [
     "typescript",