React Native Common Icon

Getting started

yarn add react-native-commonicon

Generate ttf file

  if ("react-native-vector-icons" in package.json){
    react-native link
  }
  else{
    Insert into package.json
    "dependencies": {
    ...
    "react-native-vector-icons": "^6.6.0",
    ...
    }
    react-native link
    Delete react-native-vector-icons": "^6.6.0" from package.json
  }

Usage

import React from "react";
import {
  View,
  StyleSheet
} from "react-native";

import CommonIcon from 'react-native-commonicon';

export default class App extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <View style={styles.container}>
        <CommonIcon iconType='FontAwesome' iconName='search' title='Tophill' color='#313748' style={{margin:40}} onPress={()=>console.log('CommonIcon Text')}/>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff'
  }
});

Component props

| Prop | Required | Type | default | description | | ---- | ---- | ----| ---- | ---- | | iconType | YES | string | none | Entypo,EvilIcons,Feather,FontAwesome,Foundation,Ionicons,MaterialIcons,MaterialCommunityIcons,Octicons,Zocial | | iconName | YES | string | none | | | touchable | NO | bool | true | | | onPress | NO | func | none | | | color | NO | string | '#FFF' | | | size | NO | number | 20 | | | title | NO |string | none | | | titleSize | NO | number | 14 | | | style | NO | array or object | none | |