Customizable Icons for React Native with support for image source and full styling.

Overview

Vector Icons for React Native

Travis npm npm

Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project.

Table of Contents

Sponsoring

If you find the library useful, please consider sponsoring. Things I have planned is to split up the repo into a monorepo, that would enable individual versioning of icon sets, better performance, smaller bundle and easier for the community to publish their own.

Bundled Icon Sets

Browse all.

  • AntDesign by AntFinance (297 icons)
  • Entypo by Daniel Bruce (411 icons)
  • EvilIcons by Alexander Madyankin & Roman Shamin (v1.10.1, 70 icons)
  • Feather by Cole Bemis & Contributors (v4.28.0, 285 icons)
  • FontAwesome by Dave Gandy (v4.7.0, 675 icons)
  • FontAwesome 5 by Fonticons, Inc. (v5.13.0, 1588 (free) 7842 (pro) icons)
  • Fontisto by Kenan Gündoğan (v3.0.4, 615 icons)
  • Foundation by ZURB, Inc. (v3.0, 283 icons)
  • Ionicons by Iconic Framework (v5.0.1, 1227 icons)
  • MaterialIcons by Google, Inc. (v4.0.0, 1547 icons)
  • MaterialCommunityIcons by MaterialDesignIcons.com (v5.3.45, 5346 icons)
  • Octicons by Github, Inc. (v8.4.1, 184 icons)
  • Zocial by Sam Collins (v1.0, 100 icons)
  • SimpleLineIcons by Sabbir & Contributors (v2.4.1, 189 icons)

Installation

  1. Run: $ npm install --save react-native-vector-icons
  2. For each platform (iOS/Android/Windows) you plan to use, follow one of the options for the corresponding platform.
  3. If you intend to use FontAwesome 5, check out this guide to get you started.

iOS

Option: Manually

If you want to use any of the bundled icons, you need to add the icon fonts to your Xcode project. Just follow these steps:

  • Browse to node_modules/react-native-vector-icons and drag the folder Fonts (or just the ones you want) to your project in Xcode. Make sure your app is checked under "Add to targets" and that "Create groups" is checked if you add the whole folder. Not familiar with Xcode? Try this article
  • Edit Info.plist and add a property called Fonts provided by application (or UIAppFonts if Xcode won't autocomplete/not using Xcode) and type in the files you just added. It will look something like this:

XCode screenshot

List of all available fonts to copy & paste in info.plist
<key>UIAppFonts</key>
<array>
  <string>AntDesign.ttf</string>
  <string>Entypo.ttf</string>
  <string>EvilIcons.ttf</string>
  <string>Feather.ttf</string>
  <string>FontAwesome.ttf</string>
  <string>FontAwesome5_Brands.ttf</string>
  <string>FontAwesome5_Regular.ttf</string>
  <string>FontAwesome5_Solid.ttf</string>
  <string>Foundation.ttf</string>
  <string>Ionicons.ttf</string>
  <string>MaterialIcons.ttf</string>
  <string>MaterialCommunityIcons.ttf</string>
  <string>SimpleLineIcons.ttf</string>
  <string>Octicons.ttf</string>
  <string>Zocial.ttf</string>
  <string>Fontisto.ttf</string>
</array>

Note: you need to recompile your project after adding new fonts, also ensure that they also appear under Copy Bundle Resources in Build Phases.

If you want to use getImageSource/getImageSourceSync, then you need to add RNVectorIcons.xcodeproj to Libraries and add libRNVectorIcons.a to Link Binary With Libraries under Build Phases. More info and screenshots about how to do this is available in the React Native documentation.

Option: With react-native link

$ react-native link react-native-vector-icons

Note: Some users are having trouble using this method, try one of the others if you are too.

Option: With CocoaPods

Add the following to your Podfile and run pod update:

pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'

Edit Info.plist as described above.

If you are using use_frameworks! in your Podfile you instead need to dynamically load the icon font by doing Icon.loadFont() when boostrapping your application.

Note: You must be consuming React itself via CocoaPods for this to work, see React Native documentation on how to set that up.

Android

Option: With Gradle (recommended)

This method has the advantage of fonts being copied from this module at build time so that the fonts and JS are always in sync, making upgrades painless.

Edit android/app/build.gradle ( NOT android/build.gradle ) and add the following:

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

To customize the files being copied, add the following instead:

project.ext.vectoricons = [
    iconFontNames: [ 'MaterialIcons.ttf', 'EvilIcons.ttf' ] // Name of the font files you want to copy
]

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

Option: Manually

  • Copy the contents in the Fonts folder to android/app/src/main/assets/fonts (note lowercase fonts folder).
Integrating library for getImageSource support

These steps are optional and only needed if you want to use the Icon.getImageSource function.

  • Edit android/settings.gradle to look like this (without the +):

    rootProject.name = 'MyApp'
    
    include ':app'
    
    + include ':react-native-vector-icons'
    + project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
  • Edit android/app/build.gradle (note: app folder) to look like this:

    apply plugin: 'com.android.application'
    
    android {
      ...
    }
    
    dependencies {
      compile fileTree(dir: 'libs', include: ['*.jar'])
      compile "com.android.support:appcompat-v7:23.0.1"
      compile "com.facebook.react:react-native:+"  // From node_modules
    + compile project(':react-native-vector-icons')
    }
  • Edit your MainApplication.java (deep in android/app/src/main/java/...) to look like this (note two places to edit):

    package com.myapp;
    
    + import com.oblador.vectoricons.VectorIconsPackage;
    
    ....
    
      @Override
      protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
          new MainReactPackage()
    +   , new VectorIconsPackage()
        );
      }
    
    }

OSX via react-native-desktop

  • Browse to node_modules/react-native-vector-icons and drag the folder Fonts to your project in Xcode. Make sure your app is checked under "Add to targets" and that "Create folder references" is checked.
  • Edit Info.plist and add a property called Application fonts resource path (or ATSApplicationFontsPath if Xcode won't autocomplete/not using Xcode) and type Fonts as the value.

Note: you need to recompile your project after adding new fonts, also ensure that the Fonts folder also appear under Copy Bundle Resources in Build Phases.

Windows via react-native-windows

  • In the top level projects (/windows/project-name/Assets), copy and paste the font files.
  • Open your solution in Visual Studio, right click the Assets folder in your solution, click Add > Existing Item.
  • Select the fonts that were into /windows/project-name/assets and click Add.

Note: you need to recompile your project after adding new fonts.

Web (with webpack)

In your webpack configuration file, add a section to handle ttf files using url-loader (or file-loader)

{
  test: /\.ttf$/,
  loader: "url-loader", // or directly file-loader
  include: path.resolve(__dirname, "node_modules/react-native-vector-icons"),
},

Then consume those files in your JavaScript entry point to get the bundled url and inject a style tag in your page:

// Use prebuilt version of RNVI in dist folder
import Icon from 'react-native-vector-icons/dist/FontAwesome';

// Generate required css
import iconFont from 'react-native-vector-icons/Fonts/FontAwesome.ttf';
const iconFontStyles = `@font-face {
  src: url(${iconFont});
  font-family: FontAwesome;
}`;

// Create stylesheet
const style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet) {
  style.styleSheet.cssText = iconFontStyles;
} else {
  style.appendChild(document.createTextNode(iconFontStyles));
}

// Inject stylesheet
document.head.appendChild(style);

Upgrading

Upgrading this package often requires the font files linked to your projects to be updated as well. If the automatic linking works for you, running this again should update the fonts. Otherwise you need to follow the steps outlined in the installation section.

Icon Component

You can either use one of the bundled icons above or roll your own custom font.

import Icon from 'react-native-vector-icons/FontAwesome';
const myIcon = <Icon name="rocket" size={30} color="#900" />;

Properties

Any Text property and the following:

Prop Description Default
size Size of the icon, can also be passed as fontSize in the style object. 12
name What icon to show, see Icon Explorer app or one of the links above. None
color Color of the icon. Inherited

Static Methods

Prop Description
getFontFamily Returns the font family that is currently used to retrieve icons as text. Usage: const fontFamily = Icon.getFontFamily()
getImageSource Returns a promise that resolving to the source of a bitmap version of the icon for use with Image component et al. Usage: const source = await Icon.getImageSource(name, size, color)
getImageSourceSync Same as getImageSource but synchronous. Usage: const source = Icon.getImageSourceSync(name, size, color)
getRawGlyphMap Returns the raw glyph map of the icon set. Usage: const glyphMap = Icon.getRawGlyphMap()
hasIcon Checks if the name is valid in current icon set. Usage: const isNameValid = Icon.hasIcon(name)

Styling

Since Icon builds on top of the Text component, most style properties will work as expected, you might find it useful to play around with these:

  • backgroundColor
  • borderWidth
  • borderColor
  • borderRadius
  • padding
  • margin
  • color
  • fontSize

NOTE: On android Text doesn't currently support border* styles, to circumvent this simply wrap your Icon with a View.

By combining some of these you can create for example :

type star

Icon.Button Component

A convenience component for creating buttons with an icon on the left side.

import Icon from 'react-native-vector-icons/FontAwesome';
const myButton = (
  <Icon.Button
    name="facebook"
    backgroundColor="#3b5998"
    onPress={this.loginWithFacebook}
  >
    Login with Facebook
  </Icon.Button>
);

const customTextButton = (
  <Icon.Button name="facebook" backgroundColor="#3b5998">
    <Text style={{ fontFamily: 'Arial', fontSize: 15 }}>
      Login with Facebook
    </Text>
  </Icon.Button>
);

buttons

Properties

Any Text, TouchableHighlight or TouchableWithoutFeedback property in addition to these:

Prop Description Default
color Text and icon color, use iconStyle or nest a Text component if you need different colors. white
size Icon size. 20
iconStyle Styles applied to the icon only, good for setting margins or a different color. Note: use iconStyle for margins or expect unstable behaviour. {marginRight: 10}
backgroundColor Background color of the button. #007AFF
borderRadius Border radius of the button, set to 0 to disable. 5
onPress A function called when the button is pressed. None

Usage as PNG image/source object

Convenient way to plug this in into other components that rely on bitmap images rather than scalable vector icons. Takes the arguments name, size and color as described above.

Icon.getImageSource('user', 20, 'red').then(source =>
  this.setState({ userIcon: source })
);

Alternatively you may use the synchronous method Icon.getImageSourceSync to avoid rendering glitches. Keep in mind that this method is blocking and might incur performance penalties. Subsequent calls will use cache however.

Multi-style fonts

Some fonts today use multiple styles, FontAwesome 5 for example, which is supported by this library. The usage is pretty much the same as the standard Icon component:

import Icon from 'react-native-vector-icons/FontAwesome5';

const myIcon1 = <Icon name="comments" size={30} color="#900" />; // Defaults to regular
const myIcon2 = <Icon name="comments" size={30} color="#900" solid />;
const myIcon3 = <Icon name="comments" size={30} color="#900" light />; // Only in FA5 Pro

Static methods

All static methods from Icon is supported by multi-styled fonts.

Prop Description
getFontFamily Returns the font family that is currently used to retrieve icons as text. Usage: const fontFamily = Icon.getFontFamily(style)
getImageSource Returns a promise that resolving to the source of a bitmap version of the icon for use with Image component et al. Usage: const source = await Icon.getImageSource(name, size, color)
getImageSourceSync Same as getImageSource but synchronous. Usage: const source = Icon.getImageSourceSync(name, size, color)
getRawGlyphMap Returns the raw glyph map of the icon set. Usage: const glyphMap = Icon.getRawGlyphMap(style)
hasIcon Checks if the name is valid in current icon set. Usage: const isNameValid = Icon.hasIcon(name, style)
getStyledIconSet Use this to get a Icon component for a single style. Usage. const StyledIcon = Icon.getStyledIconSet(style)

If no style argument is passed (or if it's invalid) the methods will default to a pre-defineds fallback.

Components

Icon.Button is supported, usage is just like Icon:

import Icon from 'react-native-vector-icons/FontAwesome5';
const myButton = (
  <Icon.Button name="facebook" onPress={this.loginWithFacebook} solid>
    Login with Facebook
  </Icon.Button>
);

Custom Fonts

createIconSet(glyphMap, fontFamily[, fontFile])

Returns your own custom font based on the glyphMap where the key is the icon name and the value is either a UTF-8 character or it's character code. fontFamily is the name of the font NOT the filename. Open the font in Font Book.app or similar to learn the name. Optionally pass the third fontFile argument for android support, it should be the custom font file name.

import { createIconSet } from 'react-native-vector-icons';
const glyphMap = { 'icon-name': 1234, test: '∆' };
const Icon = createIconSet(glyphMap, 'FontName', 'font-name.ttf');

createIconSetFromFontello(config[, fontFamily[, fontFile]])

Convenience method to create a custom font based on a fontello config file. Don't forget to import the font as described above and drop the config.json somewhere convenient in your project.

import { createIconSetFromFontello } from 'react-native-vector-icons';
import fontelloConfig from './config.json';
const Icon = createIconSetFromFontello(fontelloConfig);

createIconSetFromIcoMoon(config[, fontFamily[, fontFile]])

import { createIconSetFromIcoMoon } from 'react-native-vector-icons';
import icoMoonConfig from './selection.json';
const Icon = createIconSetFromIcoMoon(
  icoMoonConfig,
  'LineAwesome',
  'line-awesome.ttf'
);

Make sure you're using the Download option in IcoMoon, and use the .json file that's included in the .zip you've downloaded. You'll also need to import the .ttf font file into your project, following the instructions above.

createMultiStyleIconSet(styles [, options])

import { createMultiStyleIconSet } from 'react-native-vector-icons';

/*
 * This is just example code, you are free to
 * design your glyphmap and styles to your liking
 */

import glyphmap from './glyphmap.json';
/*
 * glyphmap = {
 *   "style1": [
 *     "hello",
 *     "world"
 *   ],
 *   "style2": [
 *     "foo",
 *     "bar"
 *   ]
 * }
 */

const glyphKeys = Object.keys(glyphmap); /* ["style1", "style2"] */
const options = {
  defaultStyle: 'style1',
  glyphValidator: (name, style) => glyphKeys.indexOf(name) !== -1,
  fallbackFamily: (name) => {
    for (let i = 0; i < glyphKeys.length; i++) {
      const style = glyphKeys[i];
      if (glyphmap[style].indexOf(name) !== -1) {
        return style;
      }
    }

    /* Always return some family */
    return glyphKeys[0];
  }
};

/*
 * The styles object consits of keys, which will be
 * used as the styles later, and objects which are
 * used as style objects for the font. The style
 * should have unique characteristics for each font
 * in order to ensure that the right one will be
 * chosen. FontAwesome 5 uses font weight since
 * 5.7.0 in order to diffirentiate the styles but
 * other properties (like fontFamily) can be used.
 * It's just a standard RN style object.
 */
const styles = {
  style1: {
    fontWeight: '700'
  },
  style2: {
    fontWeight: '100'
  }
};

const Icon = createMultiStyleIconSet(styles, options);

/* Uses default style (style1) */
<Icon name={'hello'} />
<Icon name={'world'} style1 />
/* Default style is style1 but this will fall back to style2 */
<Icon name={'foo'} />
/* This will also fall back to style2 */
<Icon name={'foo'} style1 />
/* Regular use of style2 */
<Icon name={'bar'} style2 />
option Description default
defaultStyle The name of the style to be used if no style is supplied during rendering. Object.keys(styles)[0]
fallbackFamily Function for selecting a family if a glyph is not available. The function should accept the name of the glyph as a parameter. Returns the name if the family. (name) => Object.keys(styles)[0]
glyphValidator Function for validating that a glyph is available for a chosen style. It has name and style as parameters, in that order. Returns true if the glyph is valid or false if it's not. (name, style) => true

iOS

You have to manually make a reference of your .ttf on your xcodeproj Resources folder and in Info.plist.

Animation

React Native comes with an amazing animation library called Animated. To use it with an icon, simply create an animated component with this line: const AnimatedIcon = Animated.createAnimatedComponent(Icon). You can also use the higher level animation library react-native-animatable.

Examples

IconExplorer

Try the IconExplorer project in Examples/IconExplorer folder, there you can also search for any icon.

Screenshot of IconExplorer

Basic Example

import Icon from 'react-native-vector-icons/Ionicons';

function ExampleView(props) {
  return <Icon name="ios-person" size={30} color="#4F8EF7" />;
}

TabBar

Since TabBarIOS was removed from core in favor of @react-navigation/bottom-tabs, it is also removed as a convenience component from this library. Simply use the Icon instead, but don't forget to import and link to this project as described above first.

Below is an example taken from react-navigation:

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';

const Tab = createBottomTabNavigator();

function MyTabs() {
  return (
    <Tab.Navigator
      initialRouteName="Feed"
      tabBarOptions={{
        activeTintColor: '#e91e63',
      }}
    >
      <Tab.Screen
        name="Feed"
        component={Feed}
        options={{
          tabBarLabel: 'Home',
          tabBarIcon: ({ color, size }) => (
            <MaterialCommunityIcons name="home" color={color} size={size} />
          ),
        }}
      />
      <Tab.Screen
        name="Notifications"
        component={Notifications}
        options={{
          tabBarLabel: 'Updates',
          tabBarIcon: ({ color, size }) => (
            <MaterialCommunityIcons name="bell" color={color} size={size} />
          ),
          tabBarBadge: 3,
        }}
      />
      <Tab.Screen
        name="Profile"
        component={Profile}
        options={{
          tabBarLabel: 'Profile',
          tabBarIcon: ({ color, size }) => (
            <MaterialCommunityIcons name="account" color={color} size={size} />
          ),
        }}
      />
    </Tab.Navigator>
  );
}

ToolbarAndroid

Since ToolbarAndroid was removed from core, it is also removed as a convenience component from this library. Simply use getImageSourceSync instead, but don't forget to import and link to this project as described above first.

import ToolbarAndroid from '@react-native-community/toolbar-android';
import Icon from 'react-native-vector-icons/Ionicons';

const navIcon = Icon.getImageSourceSync('md-arrow-back', 24, 'white');
const overflowIcon = Icon.getImageSourceSync('md-more', 24, 'white');
const settingsIcon = Icon.getImageSourceSync('md-settings', 30, 'white');
const twitterIcon = Icon.getImageSourceSync('logo-twitter', 25, '#4099FF');

function ToolbarView(props) {
  return (
    <ToolbarAndroid
      title="Home"
      titleColor="white"
      navIcon={navIcon}
      onIconClicked={props.navigator.pop}
      actions={[
        {
          title: 'Settings',
          icon: settingsIcon,
          show: 'always',
        },
        {
          title: 'Follow me on Twitter',
          icon: twitterIcon,
          show: 'ifRoom',
        },
      ]}
      overflowIcon={overflowIcon}
    />
  );
}

Inline Icons

import { Text } from 'react-native';
import Icon from 'react-native-vector-icons/Ionicons';

function ExampleView(props) {
  return (
    <Text>
      Lorem <Icon name="ios-book" color="#4F8EF7" /> Ipsum
    </Text>
  );
}

Generating your own icon set from a CSS file

If you already have an icon font with associated CSS file then you can easily generate a icon set with the generate-icon script.

Example usage:

./node_modules/.bin/generate-icon path/to/styles.css --componentName=MyIcon --fontFamily=myicon > Components/MyIcon.js

Options

Any flags not listed below, like --componentName and --fontFamily, will be passed on to the template.

-p, --prefix

CSS selector prefix [default: ".icon-"]

-t, --template

Template in lodash format [default: "./template/iconSet.tpl"]

For default template please provide --componentName and --fontFamily.

-o, --output

Save output to file, defaults to STDOUT

Changelog

Troubleshooting

The icons show up as a crossed out box on Android

  • Make sure you've copied the font to android/app/src/main/assets/fonts.
  • Delete the build folder with rm -rf android/app/build.
  • Recompile the project.

Red screen with "Unrecognized font family" error on iOS

  • Make sure you've added manually the reference of your .ttf on your xcodeproj Resources folder.
  • Check that the font you are trying to use appears in Info.plist, if you've added the whole folder and it's blue in color, then you need to add it to the path.
  • Check that the font is copied in the Copy Bundle Resources in Build Phases.
  • Delete the build folder with rm -rf ios/build
  • Recompile the project.

Android build fails on Windows for no good reason

Both npm and android file hierarchies tend to get very deep and even worse when you combine them. Since Windows file system has a max length, long file name addresses will result in numerous errors including Execution failed for task ':react-native-vector-icons:processReleaseResources'. So try to keep the path to your project folder as short as possible.

Wrong icons are shown after upgrading this package

You probably didn't update the font files linked to your native project after upgrading. However, this only applies to Android targets since iOS bundles the fonts when building the app (try to clean your build from Xcode if the problem exists). On android you can relink the project or you manually update the fonts. To have them automatically synced use the gradle approach.

Some icons are missing after upgrading this package

Sometimes vendors decides to remove some icons from newer releases, this has nothing to do with this package. If you depend on an older version of a font you can add it as a custom font.

License

This project is licenced under the MIT License.

Any bundled fonts are copyright to their respective authors and mostly under MIT or SIL OFL.

Comments
  • Icons are not showing up

    Icons are not showing up

    I am using react native 0.52 and react-native-vector-icon 4.5.0 on Android device . I tried to display icons on my screen but It isn't showing me any icon but a X box icon every time. I even tried other keys but still no solution. I also ran command react-native link. My android/app/src/main/assets/fonts contains all the fonts.

    import Icon from 'react-native-vector-icons/FontAwesome'; ... return <Icon name='rocket' size={30} color='#900' />

    screenshot_20180221-183851

    opened by amang8662 102
  • [Xcode 11] 'Multiple commands produce' error when building with new Xcode build system

    [Xcode 11] 'Multiple commands produce' error when building with new Xcode build system

    • [x] Review the documentation: https://github.com/oblador/react-native-vector-icons
    • [x] Search for existing issues (including closed issues): https://github.com/oblador/react-native-vector-icons/issues

    Environment

    MacOS 10.14.6 RN 0.60.5 Latest RNVI Building on iOS

    Description

    Describe your issue in detail. Include screenshots if needed.

    Reproducible Demo

    https://github.com/facebook/react-native/issues/20492#issuecomment-533912772

    On Xcode before upgrade 11, things work correctly and font assets copy without fatal error.

    After Xcode 11 stable released and upgraded, it required fonts removal under [CP] Copy Pods Resources in Build Phases. Subsequent pod update brings them back, needing manual removal again.

    Not sure if this is fixable only with special treatment on Xcode >= 11?

    opened by fungilation 81
  • Error: While resolving module `react-native-vector-icons/MaterialIcons`, the Haste package `react-native-vector-icons` was found.

    Error: While resolving module `react-native-vector-icons/MaterialIcons`, the Haste package `react-native-vector-icons` was found.

    After upgrading my react native project and also my react-native-vector-icons I started receiving this error.

    error: bundling failed: Error: While resolving module `react-native-vector-icons/MaterialIcons`, the Haste package `react-native-vector-icons` was found. However the module `MaterialIcons` could not be found within the package. Indeed, none of these files exist:
    
     * `/Users/user/my-app/node_modules/react-native/local-cli/core/__fixtures__/files/MaterialIcons(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json)`
      * `/Users/user/my-app/node_modules/react-native/local-cli/core/__fixtures__/files/MaterialIcons/index(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json)`
    

    The same issue happens with Font Awesome

    Module | Version ----- | ----- React-Native | 0.52.0 React | 16.2.0 React-native-vector-icons | 4.5.0

    wontfix 
    opened by ahadcove 70
  • Unrecognized font family only with react-native run-ios

    Unrecognized font family only with react-native run-ios

    Basically, my settings work if I build and run in xcode 7.2 Rather than if I'm use react-native run-ios I got Unrecognized font family.

    any idea? Cheers

    opened by aboutlo 60
  • Error: Unable to resolve module `@react-native-community/toolbar-android`

    Error: Unable to resolve module `@react-native-community/toolbar-android`

    After upgrading to the new version 6.7.0, bundling fails at:

    error: Error: Unable to resolve module `@react-native-community/toolbar-android` from `node_modules\react-native-vector-icons\lib\toolbar-android.js`: @react-native-community/toolbar-android could not be found within the project.   
    

    Installing the @react-native-community/toolbar-android package solves the error, but I'm not sure if that's the wanted behaviour. It should be mentioned in README at least.

    opened by slavikdenis 58
  • The icons show up as a crossed out box on some devices

    The icons show up as a crossed out box on some devices

    Environment

    react-native-vector-icons: 7.1.0 react native: 0.63.4 Android

    Description

    I'm using react-native-vector-icons in my app. Today a user reported that the icons show up as a crossed out box and shared a screenshot. The problem occurs on Samsung Galaxy Note 20 Ultra. I've tested over 2000 devices, and none had such a problem.

    I have the following code at the end of my android/app/build.gradle file: apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

    Code:

    import Icon from 'react-native-vector-icons/FontAwesome5';
    .
    .
    .
    <View style={{flexDirection:"row"}}>
    <Icon
                name={"cog"}
                color={"black"}
                size={screen_width / 15}
    />
    <Icon
                name={"history"}
                color={"black"}
                size={screen_width / 15}
    />
    <Icon
                name={"award"}
                color={"black"}
                size={screen_width / 15}
    />
    <Icon
                name={"trophy"}
                color={"black"}
                size={screen_width / 15}
    />
    </View>
    

    And the result: Result

    opened by trizin 49
  • `npm i` not autolinking in RN 0.61.5

    `npm i` not autolinking in RN 0.61.5

    • [x] Review the documentation: https://github.com/oblador/react-native-vector-icons
    • [x] Search for existing issues (including closed issues): https://github.com/oblador/react-native-vector-icons/issues

    Environment

    I installed react-native globally so I can do react-native info but react native is not installed globally when I created the app as I use npx react-native init

    System:
        OS: macOS Mojave 10.14.6
        CPU: (16) x64 Intel(R) Core(TM) i9-9900K CPU @ 3.60GHz
        Memory: 35.52 MB / 32.00 GB
        Shell: 3.2.57 - /bin/bash
      Binaries:
        Node: 12.10.0 - /usr/local/bin/node
        npm: 6.13.4 - /usr/local/bin/npm
        Watchman: 4.9.0 - /usr/local/bin/watchman
      SDKs:
        iOS SDK:
          Platforms: iOS 12.4, macOS 10.14, tvOS 12.4, watchOS 5.3
        Android SDK:
          API Levels: 28, 29
          Build Tools: 28.0.3, 29.0.2
          System Images: android-28 | Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom, android-29 | Google APIs Intel x86 Atom
      IDEs:
        Android Studio: 3.4 AI-183.6156.11.34.5692245
        Xcode: 10.3/10G8 - /usr/bin/xcodebuild
      npmPackages:
        react: 16.9.0 => 16.9.0 
        react-native: 0.61.5 => 0.61.5 
      npmGlobalPackages:
        react-native-cli: 2.0.1
    

    Description

    Autolinking not working in RN 0.61.5 - I get the error on load of render of Unrecognized font family 'FontAwesome'

    Reproducible Demo

    Let us know how to reproduce the issue. Include a code sample, share a project, or share an app that reproduces the issue using https://snack.expo.io/. Please follow the guidelines for providing a MCVE: https://stackoverflow.com/help/mcve

    1. npx react-native init icontest
    2. cd icontest
    3. npm i react-native-vector-icons
    4. npx react-native start
    5. npx react-native run-ios
    6. As it loads you will see red screen with this error. Also you see in CLI:
    error Could not find the following native modules: RNVectorIcons. Did you forget to run "pod install" ?
    

    If it was autolinked, we wouldn't need to run pod install right?

    opened by Noitidart 38
  • [solved] Duplicate resources android build error with v9.1.0 - [fonts were in source tree *and* using module's build.gradle font copy]

    [solved] Duplicate resources android build error with v9.1.0 - [fonts were in source tree *and* using module's build.gradle font copy]

    • [x] Review the documentation: https://github.com/oblador/react-native-vector-icons
    • [x] Search for existing issues (including closed issues): https://github.com/oblador/react-native-vector-icons/issues

    Environment

    react-native 0.67.2, gradle 7.4, android gradle plugin 7.1.1, react-native-vector-icons 9.1.0 (hot off the presses!)

    Description

    
    FAILURE: Build failed with an exception.
    
    * What went wrong:
    Execution failed for task ':app:mergeDevDebugAssets'.
    > [fonts/Fontisto.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Fontisto.ttf    [fonts/Fontisto.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Fontisto.ttf: Error: Duplicate resources
      [fonts/Octicons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Octicons.ttf    [fonts/Octicons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Octicons.ttf: Error: Duplicate resources
      [fonts/Feather.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Feather.ttf      [fonts/Feather.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Feather.ttf: Error: Duplicate resources
      [fonts/Entypo.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Entypo.ttf        [fonts/Entypo.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Entypo.ttf: Error: Duplicate resources
      [fonts/FontAwesome5_Brands.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf      [fonts/FontAwesome5_Brands.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/FontAwesome5_Brands.ttf: Error: Duplicate resources
      [fonts/MaterialCommunityIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf        [fonts/MaterialCommunityIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/MaterialCommunityIcons.ttf: Error: Duplicate resources
      [fonts/AntDesign.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/AntDesign.ttf  [fonts/AntDesign.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/AntDesign.ttf: Error: Duplicate resources
      [fonts/Foundation.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Foundation.ttf        [fonts/Foundation.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Foundation.ttf: Error: Duplicate resources
      [fonts/Ionicons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Ionicons.ttf    [fonts/Ionicons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Ionicons.ttf: Error: Duplicate resources
      [fonts/FontAwesome5_Solid.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf        [fonts/FontAwesome5_Solid.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/FontAwesome5_Solid.ttf: Error: Duplicate resources
      [fonts/FontAwesome5_Regular.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf    [fonts/FontAwesome5_Regular.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/FontAwesome5_Regular.ttf: Error: Duplicate resources
      [fonts/FontAwesome.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/FontAwesome.ttf      [fonts/FontAwesome.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/FontAwesome.ttf: Error: Duplicate resources
      [fonts/Zocial.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Zocial.ttf        [fonts/Zocial.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Zocial.ttf: Error: Duplicate resources
      [fonts/EvilIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/EvilIcons.ttf  [fonts/EvilIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/EvilIcons.ttf: Error: Duplicate resources
      [fonts/SimpleLineIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/SimpleLineIcons.ttf      [fonts/SimpleLineIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/SimpleLineIcons.ttf: Error: Duplicate resources
      [fonts/MaterialIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/MaterialIcons.ttf  [fonts/MaterialIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/MaterialIcons.ttf: Error: Duplicate resources
    

    Reproducible Demo

    I'm still investigating this but thought to log it quickly since rolling back to 9.0.0 does not cause a build faliure, while 9.1.0 does. I can confirm with 9.0.0 I actually do have vector icons showing up as well so by all appearances 9.0.0 is working

    Likely cause #1401 but I haven't looked into it thoroughly yet

    I tried rm -fr android/build android/app/build and rebuilt, just to see if that had an effect. No effect. Only the revert to v9 is successful at the moment

    I am not including specific fonts, the tail of my android/app/build.gradle is:

    
    apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
    apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
    
    
    opened by mikehardy 37
  • Could not resolve com.android.tools.build:gradle:2.3.+

    Could not resolve com.android.tools.build:gradle:2.3.+

    I'm getting an error after running react-native run-android which is totally fine by building the project in android 3+ studio. Does anyone have an idea why it could happen?

    ps. I could open the link manually in a browser.

    Building and installing the app on the device (cd android && ./gradlew installDebug)...
    
    FAILURE: Build failed with an exception.
    
    * What went wrong:
    A problem occurred configuring project ':app'.
    > Could not resolve all dependencies for configuration ':app:_debugApk'.
       > A problem occurred configuring project ':react-native-vector-icons'.
          > Could not resolve all dependencies for configuration ':react-native-vector-icons:classpath'.
             > Could not resolve com.android.tools.build:gradle:2.3.+.
               Required by:
                   rntest:react-native-vector-icons:unspecified
                > Could not resolve com.android.tools.build:gradle:2.3.+.
                   > Failed to list versions for com.android.tools.build:gradle.
                      > Unable to load Maven meta-data from https://jcenter.bintray.com/com/android/tools/build/gradle/maven-metadata.xml.
                         > Could not GET 'https://jcenter.bintray.com/com/android/tools/build/gradle/maven-metadata.xml'.
                            > Connect to 127.0.0.1:8888 [/127.0.0.1] failed: Connection refused (Connection refused)
    

    "react-native": "0.51.0" "react-native-vector-icons": "^4.4.2"

    OS: macOS Sierra

    [email protected] Test repository https://github.com/EclipticWld/rntest

    upd: I found out that I can't reach jcenter.bintray.com with terminal and I have no idea why because I don't use any firewalls.

    ping jcenter.bintray.com
    PING dl.bintray.com (159.122.18.156): 56 data bytes
    Request timeout for icmp_seq 0
    Request timeout for icmp_seq 1
    Request timeout for icmp_seq 2
    Request timeout for icmp_seq 3
    Request timeout for icmp_seq 4
    Request timeout for icmp_seq 5
    Request timeout for icmp_seq 6
    Request timeout for icmp_seq 7
    ^C
    --- dl.bintray.com ping statistics ---
    9 packets transmitted, 0 packets received, 100.0% packet loss
    
    opened by andrewkslv 37
  • Unrecognized font family Material Design icons

    Unrecognized font family Material Design icons

    I get the Unrecognized font family error if i run react-native run-ios. If i run thru xcode everything works.

    skaermbillede 2017-04-28 kl 14 20 38

    I've followed the steps in the troubleshooting area on the readme file and read all PR's regarding this isssue. Still no fix.

    Process:

    Fails: npm install --save react-native-vector-icons react-native link react-native run-ios

    Working: npm install --save react-native-vector-icons react-native link open xcode -> run

    Log (when running react-native run-ios):

    Scanning 812 folders for symlinks in /Users/carstendaurehoj/Code/Auctioness/node_modules (6ms)
    Found Xcode project Auctioness.xcodeproj
    Launching iPhone 6 (iOS 10.3)...
    Building using "xcodebuild -project Auctioness.xcodeproj -configuration Debug -scheme Auctioness -destination id=7C478582-E800-4334-B9CA-D205EE4CA64A -derivedDataPath build"
    User defaults from command line:
    
        IDEDerivedDataPathOverride = /Users/carstendaurehoj/Code/Auctioness/ios/build
    
    
    === BUILD TARGET yoga OF PROJECT React WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    === BUILD TARGET jschelpers OF PROJECT React WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    === BUILD TARGET cxxreact OF PROJECT React WITH CONFIGURATION Debug ===
    
    Check dependencies
    
    
    === BUILD TARGET React OF PROJECT React WITH CONFIGURATION Debug ===
    
    Check dependencies
    
    
    
    PhaseScriptExecution Start\ Packager /Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/React.build/Debug-iphonesimulator/React.build/Script-006B79A01A781F38006873D1.sh
        cd /Users/carstendaurehoj/Code/Auctioness/node_modules/react-native/React
        /bin/sh -c /Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/React.build/Debug-iphonesimulator/React.build/Script-006B79A01A781F38006873D1.sh
    
    Connection to localhost port 8081 [tcp/sunproxyadmin] succeeded!
    
    
    
    PhaseScriptExecution Include\ RCTJSCProfiler /Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/React.build/Debug-iphonesimulator/React.build/Script-142C4F7F1B582EA6001F0B58.sh
        cd /Users/carstendaurehoj/Code/Auctioness/node_modules/react-native/React
        /bin/sh -c /Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/React.build/Debug-iphonesimulator/React.build/Script-142C4F7F1B582EA6001F0B58.sh
    
    
    
    === BUILD TARGET ReactNativePermissions OF PROJECT ReactNativePermissions WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    === BUILD TARGET RCTVibration OF PROJECT RCTVibration WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    === BUILD TARGET RCTLinking OF PROJECT RCTLinking WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    === BUILD TARGET RNVectorIcons OF PROJECT RNVectorIcons WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    === BUILD TARGET RCTAnimation OF PROJECT RCTAnimation WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    === BUILD TARGET RCTNetwork OF PROJECT RCTNetwork WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    === BUILD TARGET RCTText OF PROJECT RCTText WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    === BUILD TARGET RCTActionSheet OF PROJECT RCTActionSheet WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    
    === BUILD TARGET RCTSettings OF PROJECT RCTSettings WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    
    === BUILD TARGET RCTWebSocket OF PROJECT RCTWebSocket WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    
    === BUILD TARGET RCTImage OF PROJECT RCTImage WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    
    === BUILD TARGET RCTGeolocation OF PROJECT RCTGeolocation WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    
    === BUILD TARGET RNImagePicker OF PROJECT RNImagePicker WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    
    === BUILD TARGET Auctioness OF PROJECT Auctioness WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    Warning: The Copy Bundle Resources build phase contains this target's Info.plist file 'Auctioness/Info.plist'.
    
    
    
    PhaseScriptExecution Bundle\ React\ Native\ code\ and\ images Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/Script-00DD1BFF1BD5951E006B06BC.sh
        cd /Users/carstendaurehoj/Code/Auctioness/ios
        export ACTION=build
        export AD_HOC_CODE_SIGNING_ALLOWED=YES
        export ALTERNATE_GROUP=staff
        export ALTERNATE_MODE=u+w,go-w,a+rX
        export ALTERNATE_OWNER=carstendaurehoj
        export ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES=NO
        export ALWAYS_SEARCH_USER_PATHS=NO
        export ALWAYS_USE_SEPARATE_HEADERMAPS=NO
        export APPLE_INTERNAL_DEVELOPER_DIR=/AppleInternal/Developer
        export APPLE_INTERNAL_DIR=/AppleInternal
        export APPLE_INTERNAL_DOCUMENTATION_DIR=/AppleInternal/Documentation
        export APPLE_INTERNAL_LIBRARY_DIR=/AppleInternal/Library
        export APPLE_INTERNAL_TOOLS=/AppleInternal/Developer/Tools
        export APPLICATION_EXTENSION_API_ONLY=NO
        export APPLY_RULES_IN_COPY_FILES=NO
        export ARCHS=x86_64
        export ARCHS_STANDARD="i386 x86_64"
        export ARCHS_STANDARD_32_64_BIT="i386 x86_64"
        export ARCHS_STANDARD_32_BIT=i386
        export ARCHS_STANDARD_64_BIT=x86_64
        export ARCHS_STANDARD_INCLUDING_64_BIT="i386 x86_64"
        export ARCHS_UNIVERSAL_IPHONE_OS="i386 x86_64"
        export ASSETCATALOG_COMPILER_APPICON_NAME=AppIcon
        export ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME=LaunchImage-2
        export AVAILABLE_PLATFORMS="appletvos appletvsimulator iphoneos iphonesimulator macosx watchos watchsimulator"
        export BITCODE_GENERATION_MODE=marker
        export BUILD_ACTIVE_RESOURCES_ONLY=YES
        export BUILD_COMPONENTS="headers build"
        export BUILD_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products
        export BUILD_ROOT=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products
        export BUILD_STYLE=
        export BUILD_VARIANTS=normal
        export BUILT_PRODUCTS_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products/Debug-iphonesimulator
        export CACHE_ROOT=/var/folders/2l/yjszqdjx37s7j2k55_95_h1r0000gn/C/com.apple.DeveloperTools/8.3.2-8E2002/Xcode
        export CCHROOT=/var/folders/2l/yjszqdjx37s7j2k55_95_h1r0000gn/C/com.apple.DeveloperTools/8.3.2-8E2002/Xcode
        export CHMOD=/bin/chmod
        export CHOWN=/usr/sbin/chown
        export CLANG_CXX_LANGUAGE_STANDARD=gnu++0x
        export CLANG_CXX_LIBRARY=libc++
        export CLANG_ENABLE_MODULES=YES
        export CLANG_ENABLE_OBJC_ARC=YES
        export CLANG_MODULES_BUILD_SESSION_FILE=/Users/carstendaurehoj/Code/Auctioness/ios/build/ModuleCache/Session.modulevalidation
        export CLANG_WARN_BOOL_CONVERSION=YES
        export CLANG_WARN_CONSTANT_CONVERSION=YES
        export CLANG_WARN_DIRECT_OBJC_ISA_USAGE=YES_ERROR
        export CLANG_WARN_EMPTY_BODY=YES
        export CLANG_WARN_ENUM_CONVERSION=YES
        export CLANG_WARN_INFINITE_RECURSION=YES
        export CLANG_WARN_INT_CONVERSION=YES
        export CLANG_WARN_OBJC_ROOT_CLASS=YES_ERROR
        export CLANG_WARN_SUSPICIOUS_MOVE=YES
        export CLANG_WARN_UNREACHABLE_CODE=YES
        export CLANG_WARN__DUPLICATE_METHOD_MATCH=YES
        export CLASS_FILE_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/JavaClasses
        export CLEAN_PRECOMPS=YES
        export CLONE_HEADERS=NO
        export CODESIGNING_FOLDER_PATH=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products/Debug-iphonesimulator/Auctioness.app
        export CODE_SIGNING_ALLOWED=YES
        export CODE_SIGNING_REQUIRED=YES
        export CODE_SIGN_CONTEXT_CLASS=XCiPhoneSimulatorCodeSignContext
        export CODE_SIGN_IDENTITY=-
        export COLOR_DIAGNOSTICS=NO
        export COMBINE_HIDPI_IMAGES=NO
        export COMMAND_MODE=legacy
        export COMPOSITE_SDK_DIRS=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/CompositeSDKs
        export COMPRESS_PNG_FILES=YES
        export CONFIGURATION=Debug
        export CONFIGURATION_BUILD_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products/Debug-iphonesimulator
        export CONFIGURATION_TEMP_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator
        export CONTENTS_FOLDER_PATH=Auctioness.app
        export COPYING_PRESERVES_HFS_DATA=NO
        export COPY_HEADERS_RUN_UNIFDEF=NO
        export COPY_PHASE_STRIP=NO
        export COPY_RESOURCES_FROM_STATIC_FRAMEWORKS=YES
        export CORRESPONDING_DEVICE_PLATFORM_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform
        export CORRESPONDING_DEVICE_PLATFORM_NAME=iphoneos
        export CORRESPONDING_DEVICE_SDK_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS10.3.sdk
        export CORRESPONDING_DEVICE_SDK_NAME=iphoneos10.3
        export CP=/bin/cp
        export CREATE_INFOPLIST_SECTION_IN_BINARY=NO
        export CURRENT_ARCH=x86_64
        export CURRENT_PROJECT_VERSION=1
        export CURRENT_VARIANT=normal
        export DEAD_CODE_STRIPPING=NO
        export DEBUGGING_SYMBOLS=YES
        export DEBUG_INFORMATION_FORMAT=dwarf-with-dsym
        export DEFAULT_COMPILER=com.apple.compilers.llvm.clang.1_0
        export DEFAULT_KEXT_INSTALL_PATH=/System/Library/Extensions
        export DEFINES_MODULE=NO
        export DEPLOYMENT_LOCATION=NO
        export DEPLOYMENT_POSTPROCESSING=NO
        export DEPLOYMENT_TARGET_CLANG_ENV_NAME=IPHONEOS_DEPLOYMENT_TARGET
        export DEPLOYMENT_TARGET_CLANG_FLAG_NAME=mios-simulator-version-min
        export DEPLOYMENT_TARGET_CLANG_FLAG_PREFIX=-mios-simulator-version-min=
        export DEPLOYMENT_TARGET_SETTING_NAME=IPHONEOS_DEPLOYMENT_TARGET
        export DEPLOYMENT_TARGET_SUGGESTED_VALUES="8.0 8.1 8.2 8.3 8.4 9.0 9.1 9.2 9.3 10.0 10.1 10.2 10.3"
        export DERIVED_FILES_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/DerivedSources
        export DERIVED_FILE_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/DerivedSources
        export DERIVED_SOURCES_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/DerivedSources
        export DEVELOPER_APPLICATIONS_DIR=/Applications/Xcode.app/Contents/Developer/Applications
        export DEVELOPER_BIN_DIR=/Applications/Xcode.app/Contents/Developer/usr/bin
        export DEVELOPER_DIR=/Applications/Xcode.app/Contents/Developer
        export DEVELOPER_FRAMEWORKS_DIR=/Applications/Xcode.app/Contents/Developer/Library/Frameworks
        export DEVELOPER_FRAMEWORKS_DIR_QUOTED=/Applications/Xcode.app/Contents/Developer/Library/Frameworks
        export DEVELOPER_LIBRARY_DIR=/Applications/Xcode.app/Contents/Developer/Library
        export DEVELOPER_SDK_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs
        export DEVELOPER_TOOLS_DIR=/Applications/Xcode.app/Contents/Developer/Tools
        export DEVELOPER_USR_DIR=/Applications/Xcode.app/Contents/Developer/usr
        export DEVELOPMENT_LANGUAGE=English
        export DOCUMENTATION_FOLDER_PATH=Auctioness.app/English.lproj/Documentation
        export DO_HEADER_SCANNING_IN_JAM=NO
        export DSTROOT=/tmp/Auctioness.dst
        export DT_TOOLCHAIN_DIR=/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain
        export DWARF_DSYM_FILE_NAME=Auctioness.app.dSYM
        export DWARF_DSYM_FILE_SHOULD_ACCOMPANY_PRODUCT=NO
        export DWARF_DSYM_FOLDER_PATH=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products/Debug-iphonesimulator
        export EFFECTIVE_PLATFORM_NAME=-iphonesimulator
        export EMBEDDED_CONTENT_CONTAINS_SWIFT=NO
        export EMBED_ASSET_PACKS_IN_PRODUCT_BUNDLE=NO
        export ENABLE_BITCODE=NO
        export ENABLE_DEFAULT_HEADER_SEARCH_PATHS=YES
        export ENABLE_HEADER_DEPENDENCIES=YES
        export ENABLE_ON_DEMAND_RESOURCES=YES
        export ENABLE_STRICT_OBJC_MSGSEND=YES
        export ENABLE_TESTABILITY=YES
        export ENTITLEMENTS_REQUIRED=YES
        export EXCLUDED_INSTALLSRC_SUBDIRECTORY_PATTERNS=".DS_Store .svn .git .hg CVS"
        export EXCLUDED_RECURSIVE_SEARCH_PATH_SUBDIRECTORIES="*.nib *.lproj *.framework *.gch *.xcode* *.xcassets (*) .DS_Store CVS .svn .git .hg *.pbproj *.pbxproj"
        export EXECUTABLES_FOLDER_PATH=Auctioness.app/Executables
        export EXECUTABLE_FOLDER_PATH=Auctioness.app
        export EXECUTABLE_NAME=Auctioness
        export EXECUTABLE_PATH=Auctioness.app
    /Auctioness
        export EXPANDED_CODE_SIGN_IDENTITY=-
        export EXPANDED_CODE_SIGN_IDENTITY_NAME=-
        export EXPANDED_PROVISIONING_PROFILE=
        export FILE_LIST=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/Objects/LinkFileList
        export FIXED_FILES_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/FixedFiles
        export FRAMEWORKS_FOLDER_PATH=Auctioness.app/Frameworks
        export FRAMEWORK_FLAG_PREFIX=-framework
        export FRAMEWORK_SEARCH_PATHS="/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products/Debug-iphonesimulator "
        export FRAMEWORK_VERSION=A
        export FULL_PRODUCT_NAME=Auctioness.app
        export GCC3_VERSION=3.3
        export GCC_C_LANGUAGE_STANDARD=gnu99
        export GCC_DYNAMIC_NO_PIC=NO
        export GCC_INLINES_ARE_PRIVATE_EXTERN=YES
        export GCC_NO_COMMON_BLOCKS=YES
        export GCC_OBJC_LEGACY_DISPATCH=YES
        export GCC_OPTIMIZATION_LEVEL=0
        export GCC_PFE_FILE_C_DIALECTS="c objective-c c++ objective-c++"
        export GCC_PREPROCESSOR_DEFINITIONS="DEBUG=1 "
        export GCC_SYMBOLS_PRIVATE_EXTERN=NO
        export GCC_TREAT_WARNINGS_AS_ERRORS=NO
        export GCC_VERSION=com.apple.compilers.llvm.clang.1_0
        export GCC_VERSION_IDENTIFIER=com_apple_compilers_llvm_clang_1_0
        export GCC_WARN_64_TO_32_BIT_CONVERSION=YES
        export GCC_WARN_ABOUT_RETURN_TYPE=YES_ERROR
        export GCC_WARN_UNDECLARED_SELECTOR=YES
        export GCC_WARN_UNINITIALIZED_AUTOS=YES_AGGRESSIVE
        export GCC_WARN_UNUSED_FUNCTION=YES
        export GCC_WARN_UNUSED_VARIABLE=YES
        export GENERATE_MASTER_OBJECT_FILE=NO
        export GENERATE_PKGINFO_FILE=YES
        export GENERATE_PROFILING_CODE=NO
        export GENERATE_TEXT_BASED_STUBS=NO
        export GID=20
        export GROUP=staff
        export HEADERMAP_INCLUDES_FLAT_ENTRIES_FOR_TARGET_BEING_BUILT=YES
        export HEADERMAP_INCLUDES_FRAMEWORK_ENTRIES_FOR_ALL_PRODUCT_TYPES=YES
        export HEADERMAP_INCLUDES_NONPUBLIC_NONPRIVATE_HEADERS=YES
        export HEADERMAP_INCLUDES_PROJECT_HEADERS=YES
        export HEADERMAP_USES_FRAMEWORK_PREFIX_ENTRIES=YES
        export HEADERMAP_USES_VFS=NO
        export HEADER_SEARCH_PATHS="/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products/Debug-iphonesimulator/include /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include /Users/carstendaurehoj/Code/Auctioness/ios/../node_modules/react-native/React/** /Users/carstendaurehoj/Code/Auctioness/ios/../node_modules/react-native-vector-icons/RNVectorIconsManager /Users/carstendaurehoj/Code/Auctioness/ios/../node_modules/react-native-image-picker/ios /Users/carstendaurehoj/Code/Auctioness/ios/../node_modules/react-native-permissions/**"
        export HIDE_BITCODE_SYMBOLS=YES
        export HOME=/Users/carstendaurehoj
        export ICONV=/usr/bin/iconv
        export INFOPLIST_EXPAND_BUILD_SETTINGS=YES
        export INFOPLIST_FILE=Auctioness/Info.plist
        export INFOPLIST_OUTPUT_FORMAT=binary
        export INFOPLIST_PATH=Auctioness.app/Info.plist
        export INFOPLIST_PREPROCESS=NO
        export INFOSTRINGS_PATH=Auctioness.app/English.lproj/InfoPlist.strings
        export INLINE_PRIVATE_FRAMEWORKS=NO
        export INSTALLHDRS_COPY_PHASE=NO
        export INSTALLHDRS_SCRIPT_PHASE=NO
        export INSTALL_DIR=/tmp/Auctioness.dst/Applications
        export INSTALL_GROUP=staff
        export INSTALL_MODE_FLAG=u+w,go-w,a+rX
        export INSTALL_OWNER=carstendaurehoj
        export INSTALL_PATH=/Applications
        export INSTALL_ROOT=/tmp/Auctioness.dst
        export IPHONEOS_DEPLOYMENT_TARGET=8.0
        export JAVAC_DEFAULT_FLAGS="-J-Xms64m -J-XX:NewSize=4M -J-Dfile.encoding=UTF8"
        export JAVA_APP_STUB=/System/Library/Frameworks/JavaVM.framework/Resources/MacOS/JavaApplicationStub
        export JAVA_ARCHIVE_CLASSES=YES
        export JAVA_ARCHIVE_TYPE=JAR
        export JAVA_COMPILER=/usr/bin/javac
        export JAVA_FOLDER_PATH=Auctioness.app/Java
        export JAVA_FRAMEWORK_RESOURCES_DIRS=Resources
        export JAVA_JAR_FLAGS=cv
        export JAVA_SOURCE_SUBDIR=.
        export JAVA_USE_DEPENDENCIES=YES
        export JAVA_ZIP_FLAGS=-urg
        export JIKES_DEFAULT_FLAGS="+E +OLDCSO"
        export KEEP_PRIVATE_EXTERNS=NO
        export LD_DEPENDENCY_INFO_FILE=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/Objects-normal/x86_64/Auctioness_dependency_info.dat
        export LD_GENERATE_MAP_FILE=NO
        export LD_MAP_FILE_PATH=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/Auctioness-LinkMap-normal-x86_64.txt
        export LD_NO_PIE=NO
        export LD_QUOTE_LINKER_ARGUMENTS_FOR_COMPILER_DRIVER=YES
        export LD_RUNPATH_SEARCH_PATHS=" @executable_path/Frameworks"
        export LEGACY_DEVELOPER_DIR=/Applications/Xcode.app/Contents/PlugIns/Xcode3Core.ideplugin/Contents/SharedSupport/Developer
        export LEX=lex
        export LIBRARY_FLAG_NOSPACE=YES
        export LIBRARY_FLAG_PREFIX=-l
        export LIBRARY_KEXT_INSTALL_PATH=/Library/Extensions
        export LIBRARY_SEARCH_PATHS="/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products/Debug-iphonesimulator "
        export LINKER_DISPLAYS_MANGLED_NAMES=NO
        export LINK_FILE_LIST_normal_x86_64=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/Objects-normal/x86_64/Auctioness.LinkFileList
        export LINK_WITH_STANDARD_LIBRARIES=YES
        export LOCALIZABLE_CONTENT_DIR=
        export LOCALIZED_RESOURCES_FOLDER_PATH=Auctioness.app/English.lproj
        export LOCAL_ADMIN_APPS_DIR=/Applications/Utilities
        export LOCAL_APPS_DIR=/Applications
        export LOCAL_DEVELOPER_DIR=/Library/Developer
        export LOCAL_LIBRARY_DIR=/Library
        export LOCROOT=
        export LOCSYMROOT=
        export MACH_O_TYPE=mh_execute
        export MAC_OS_X_PRODUCT_BUILD_VERSION=16D32
        export MAC_OS_X_VERSION_ACTUAL=101203
        export MAC_OS_X_VERSION_MAJOR=101200
        export MAC_OS_X_VERSION_MINOR=1203
        export METAL_LIBRARY_FILE_BASE=default
        export METAL_LIBRARY_OUTPUT_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products/Debug-iphonesimulator/Auctioness.app
        export MODULE_CACHE_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/build/ModuleCache
        export MTL_ENABLE_DEBUG_INFO=YES
        export NATIVE_ARCH=i386
        export NATIVE_ARCH_32_BIT=i386
        export NATIVE_ARCH_64_BIT=x86_64
        export NATIVE_ARCH_ACTUAL=x86_64
        export NO_COMMON=YES
        export OBJC_ABI_VERSION=2
        export OBJECT_FILE_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/Objects
        export OBJECT_FILE_DIR_normal=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/Objects-normal
        export OBJROOT=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates
        export ONLY_ACTIVE_ARCH=YES
        export OS=MACOS
        export OSAC=/usr/bin/osacompile
        export OTHER_LDFLAGS=" -ObjC -lc++"
        export PACKAGE_TYPE=com.apple.package-type.wrapper.application
        export PASCAL_STRINGS=YES
        export PATH="/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin:/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/local/bin:/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/libexec:/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr/bin:/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr/local/bin:/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/usr/bin:/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/usr/local/bin:/Applications/Xcode.app/Contents/Developer/usr/bin:/Applications/Xcode.app/Contents/Developer/usr/local/bin:/Applications/Xcode.app/Contents/Developer/Tools:/Users/carstendaurehoj/.composer/vendor/bin:/Users/carstendaurehoj/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin"
        export PATH_PREFIXES_EXCLUDED_FROM_HEADER_DEPENDENCIES="/usr/include /usr/local/include /System/Library/Frameworks /System/Library/PrivateFrameworks /Applications/Xcode.app
    /Contents/Developer/Headers /Applications/Xcode.app/Contents/Developer/SDKs /Applications/Xcode.app/Contents/Developer/Platforms"
        export PBDEVELOPMENTPLIST_PATH=Auctioness.app/pbdevelopment.plist
        export PFE_FILE_C_DIALECTS=objective-c
        export PKGINFO_FILE_PATH=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/PkgInfo
        export PKGINFO_PATH=Auctioness.app/PkgInfo
        export PLATFORM_DEVELOPER_APPLICATIONS_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/Applications
        export PLATFORM_DEVELOPER_BIN_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr/bin
        export PLATFORM_DEVELOPER_LIBRARY_DIR=/Applications/Xcode.app/Contents/PlugIns/Xcode3Core.ideplugin/Contents/SharedSupport/Developer/Library
        export PLATFORM_DEVELOPER_SDK_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs
        export PLATFORM_DEVELOPER_TOOLS_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/Tools
        export PLATFORM_DEVELOPER_USR_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr
        export PLATFORM_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform
        export PLATFORM_DISPLAY_NAME="iOS Simulator"
        export PLATFORM_NAME=iphonesimulator
        export PLATFORM_PREFERRED_ARCH=x86_64
        export PLIST_FILE_OUTPUT_FORMAT=binary
        export PLUGINS_FOLDER_PATH=Auctioness.app/PlugIns
        export PRECOMPS_INCLUDE_HEADERS_FROM_BUILT_PRODUCTS_DIR=YES
        export PRECOMP_DESTINATION_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/PrefixHeaders
        export PRESERVE_DEAD_CODE_INITS_AND_TERMS=NO
        export PRIVATE_HEADERS_FOLDER_PATH=Auctioness.app/PrivateHeaders
        export PRODUCT_BUNDLE_IDENTIFIER=com.pepperoni.Auctioness
        export PRODUCT_MODULE_NAME=Auctioness
        export PRODUCT_NAME=Auctioness
        export PRODUCT_SETTINGS_PATH=/Users/carstendaurehoj/Code/Auctioness/ios/Auctioness/Info.plist
        export PRODUCT_TYPE=com.apple.product-type.application
        export PROFILING_CODE=NO
        export PROJECT=Auctioness
        export PROJECT_DERIVED_FILE_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/DerivedSources
        export PROJECT_DIR=/Users/carstendaurehoj/Code/Auctioness/ios
        export PROJECT_FILE_PATH=/Users/carstendaurehoj/Code/Auctioness/ios/Auctioness.xcodeproj
        export PROJECT_NAME=Auctioness
        export PROJECT_TEMP_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build
        export PROJECT_TEMP_ROOT=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates
        export PUBLIC_HEADERS_FOLDER_PATH=Auctioness.app/Headers
        export RECURSIVE_SEARCH_PATHS_FOLLOW_SYMLINKS=YES
        export REMOVE_CVS_FROM_RESOURCES=YES
        export REMOVE_GIT_FROM_RESOURCES=YES
        export REMOVE_HEADERS_FROM_EMBEDDED_BUNDLES=YES
        export REMOVE_HG_FROM_RESOURCES=YES
        export REMOVE_SVN_FROM_RESOURCES=YES
        export REZ_COLLECTOR_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/ResourceManagerResources
        export REZ_OBJECTS_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/ResourceManagerResources/Objects
        export REZ_SEARCH_PATHS="/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products/Debug-iphonesimulator "
        export SCAN_ALL_SOURCE_FILES_FOR_INCLUDES=NO
        export SCRIPTS_FOLDER_PATH=Auctioness.app/Scripts
        export SCRIPT_INPUT_FILE_COUNT=0
        export SCRIPT_OUTPUT_FILE_COUNT=0
        export SDKROOT=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator10.3.sdk
        export SDK_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator10.3.sdk
        export SDK_DIR_iphonesimulator10_3=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator10.3.sdk
        export SDK_NAME=iphonesimulator10.3
        export SDK_NAMES=iphonesimulator10.3
        export SDK_PRODUCT_BUILD_VERSION=14E269
        export SDK_VERSION=10.3
        export SDK_VERSION_ACTUAL=100300
        export SDK_VERSION_MAJOR=100000
        export SDK_VERSION_MINOR=300
        export SED=/usr/bin/sed
        export SEPARATE_STRIP=NO
        export SEPARATE_SYMBOL_EDIT=NO
        export SET_DIR_MODE_OWNER_GROUP=YES
        export SET_FILE_MODE_OWNER_GROUP=NO
        export SHALLOW_BUNDLE=YES
        export SHARED_DERIVED_FILE_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products/Debug-iphonesimulator/DerivedSources
        export SHARED_FRAMEWORKS_FOLDER_PATH=Auctioness.app/SharedFrameworks
        export SHARED_PRECOMPS_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/PrecompiledHeaders
        export SHARED_SUPPORT_FOLDER_PATH=Auctioness.app/SharedSupport
        export SKIP_INSTALL=NO
        export SOURCE_ROOT=/Users/carstendaurehoj/Code/Auctioness/ios
        export SRCROOT=/Users/carstendaurehoj/Code/Auctioness/ios
        export STRINGS_FILE_OUTPUT_ENCODING=binary
        export STRIP_BITCODE_FROM_COPIED_FILES=NO
        export STRIP_INSTALLED_PRODUCT=YES
        export STRIP_STYLE=all
        export SUPPORTED_DEVICE_FAMILIES=1,2
        export SUPPORTED_PLATFORMS="iphonesimulator iphoneos"
        export SUPPORTS_TEXT_BASED_API=NO
        export SWIFT_PLATFORM_TARGET_PREFIX=ios
        export SYMROOT=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products
        export SYSTEM_ADMIN_APPS_DIR=/Applications/Utilities
        export SYSTEM_APPS_DIR=/Applications
        export SYSTEM_CORE_SERVICES_DIR=/System/Library/CoreServices
        export SYSTEM_DEMOS_DIR=/Applications/Extras
        export SYSTEM_DEVELOPER_APPS_DIR=/Applications/Xcode.app/Contents/Developer/Applications
        export SYSTEM_DEVELOPER_BIN_DIR=/Applications/Xcode.app/Contents/Developer/usr/bin
        export SYSTEM_DEVELOPER_DEMOS_DIR="/Applications/Xcode.app/Contents/Developer/Applications/Utilities/Built Examples"
        export SYSTEM_DEVELOPER_DIR=/Applications/Xcode.app/Contents/Developer
        export SYSTEM_DEVELOPER_DOC_DIR="/Applications/Xcode.app/Contents/Developer/ADC Reference Library"
        export SYSTEM_DEVELOPER_GRAPHICS_TOOLS_DIR="/Applications/Xcode.app/Contents/Developer/Applications/Graphics Tools"
        export SYSTEM_DEVELOPER_JAVA_TOOLS_DIR="/Applications/Xcode.app/Contents/Developer/Applications/Java Tools"
        export SYSTEM_DEVELOPER_PERFORMANCE_TOOLS_DIR="/Applications/Xcode.app/Contents/Developer/Applications/Performance Tools"
        export SYSTEM_DEVELOPER_RELEASENOTES_DIR="/Applications/Xcode.app/Contents/Developer/ADC Reference Library/releasenotes"
        export SYSTEM_DEVELOPER_TOOLS=/Applications/Xcode.app/Contents/Developer/Tools
        export SYSTEM_DEVELOPER_TOOLS_DOC_DIR="/Applications/Xcode.app/Contents/Developer/ADC Reference Library/documentation/DeveloperTools"
        export SYSTEM_DEVELOPER_TOOLS_RELEASENOTES_DIR="/Applications/Xcode.app/Contents/Developer/ADC Reference Library/releasenotes/DeveloperTools"
        export SYSTEM_DEVELOPER_USR_DIR=/Applications/Xcode.app/Contents/Developer/usr
        export SYSTEM_DEVELOPER_UTILITIES_DIR=/Applications/Xcode.app/Contents/Developer/Applications/Utilities
        export SYSTEM_DOCUMENTATION_DIR=/Library/Documentation
        export SYSTEM_KEXT_INSTALL_PATH=/System/Library/Extensions
        export SYSTEM_LIBRARY_DIR=/System/Library
        export TAPI_VERIFY_MODE=ErrorsOnly
        export TARGETED_DEVICE_FAMILY=1
        export TARGETNAME=Auctioness
        export TARGET_BUILD_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Products/Debug-iphonesimulator
        export TARGET_DEVICE_IDENTIFIER=7C478582-E800-4334-B9CA-D205EE4CA64A
        export TARGET_DEVICE_MODEL=iPhone7,2
        export TARGET_DEVICE_OS_VERSION=10.3
        export TARGET_NAME=Auctioness
        export TARGET_TEMP_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build
        export TEMP_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.bui
    ld/Debug-iphonesimulator/Auctioness.build
        export TEMP_FILES_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build
        export TEMP_FILE_DIR=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build
        export TEMP_ROOT=/Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates
        export TOOLCHAINS=com.apple.dt.toolchain.XcodeDefault
        export TOOLCHAIN_DIR=/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain
        export TREAT_MISSING_BASELINES_AS_TEST_FAILURES=NO
        export UID=501
        export UNLOCALIZED_RESOURCES_FOLDER_PATH=Auctioness.app
        export UNSTRIPPED_PRODUCT=NO
        export USER=carstendaurehoj
        export USER_APPS_DIR=/Users/carstendaurehoj/Applications
        export USER_LIBRARY_DIR=/Users/carstendaurehoj/Library
        export USE_DYNAMIC_NO_PIC=YES
        export USE_HEADERMAP=YES
        export USE_HEADER_SYMLINKS=NO
        export VALIDATE_PRODUCT=NO
        export VALID_ARCHS="i386 x86_64"
        export VERBOSE_PBXCP=NO
        export VERSIONING_SYSTEM=apple-generic
        export VERSIONPLIST_PATH=Auctioness.app/version.plist
        export VERSION_INFO_BUILDER=carstendaurehoj
        export VERSION_INFO_FILE=Auctioness_vers.c
        export VERSION_INFO_STRING="\"@(#)PROGRAM:Auctioness  PROJECT:Auctioness-1\""
        export WRAPPER_EXTENSION=app
        export WRAPPER_NAME=Auctioness.app
        export WRAPPER_SUFFIX=.app
        export WRAP_ASSET_PACKS_IN_SEPARATE_DIRECTORIES=NO
        export XCODE_APP_SUPPORT_DIR=/Applications/Xcode.app/Contents/Developer/Library/Xcode
        export XCODE_PRODUCT_BUILD_VERSION=8E2002
        export XCODE_VERSION_ACTUAL=0832
        export XCODE_VERSION_MAJOR=0800
        export XCODE_VERSION_MINOR=0830
        export XPCSERVICES_FOLDER_PATH=Auctioness.app/XPCServices
        export YACC=yacc
        export arch=x86_64
        export variant=normal
        /bin/sh -c /Users/carstendaurehoj/Code/Auctioness/ios/Build/Intermediates/Auctioness.build/Debug-iphonesimulator/Auctioness.build/Script-00DD1BFF1BD5951E006B06BC.sh
    
    Skipping bundling for Simulator platform
    
    
    
    === BUILD TARGET AuctionessTests OF PROJECT Auctioness WITH CONFIGURATION Debug ===
    
    
    Check dependencies
    
    
    
    ** BUILD SUCCEEDED **
    
    
    Installing build/Build/Products/Debug-iphonesimulator/Auctioness.app
    Launching org.reactjs.native.example.Auctioness
    org.reactjs.native.example.Auctioness: 18943
    

    Thanks in advance

    opened by arelstone 36
  • Execution failed :app:processDebugResources FAILED

    Execution failed :app:processDebugResources FAILED

    Hii, When I'm running the react-native run-android in terminal my project is showing Build failed with an exception

    :app:generateDebugResources UP-TO-DATE :app:mergeDebugResources UP-TO-DATE :app:bundleDebugJSAndAssets SKIPPED :app:copyDebugIconFonts :app:processDebugManifest :app:processDebugResources FAILED

    FAILURE: Build failed with an exception.

    what went wrong: Execution failed for task ':app:processDebugResources'. java.io.IOException: Could not delete path 'C:\Users\ravi\Desktop\Genz\android\app\build\generated\source\r\debug\android\support\v7'.

    try: Run with --stacktrace ...

    I don't know what went wrong pls help me regarding this...

    Thank you...

    opened by StonerRavi 36
  • I have used fontawesome5 in my react native project it works on my emulator but when i run build on my actual cell phone it doesn't sow icons on mobile

    I have used fontawesome5 in my react native project it works on my emulator but when i run build on my actual cell phone it doesn't sow icons on mobile

    import React from 'react'; import { SafeAreaView, StyleSheet, Text, View, Image, StatusBar, Alert, TextInput, TouchableOpacity } from 'react-native'; import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';

    const Signup =()=>{

    return(
        <SafeAreaView style={styles.mainS}>
          <Text style={styles.titleHead}>Create Account</Text>
          <Text style={styles.desc}>Signup to keep exploring amazing destination around the world!</Text>
          
          {/* Form starting */}
          
          <View style={styles.formStyle}>
          <View style={styles.OuterBox}>
          <FontAwesome5 style={styles.ico} name={'user'} size={20} solid />
          <TextInput
            style={styles.inputbox }
            placeholder={'Full Name'}
            placeholderTextColor="#191919"
          />
          </View>
          <View style={styles.OuterBox}>
          <FontAwesome5 style={styles.ico} name={'envelope'} size={20} solid />
          <TextInput
            style={styles.inputbox }
            placeholder={'Email'}
            placeholderTextColor="#191919"
            autoCapitalize='none'
            autoCorrect={false}
          />
          </View>
          <View style={styles.OuterBox}>
          <FontAwesome5 style={styles.ico} name={'calendar'} size={20} solid />
          <TextInput
            style={styles.inputbox }
            placeholder={'Date of Birth e.g DDMMYY'}
            placeholderTextColor="#191919"
          />
          </View>
          <View style={styles.OuterBox}>
          <FontAwesome5 style={styles.ico} name={'lock'} size={20} solid />
          <TextInput
            style={styles.inputbox }
            placeholder={'Password'}
            placeholderTextColor="#191919"
            secureTextEntry={true}
          />
          </View>
          <TouchableOpacity style={styles.getStarted}><Text style={styles.letsText}>Let's Get Started</Text></TouchableOpacity>
          </View>
        </SafeAreaView>
    )
    

    }

    const styles = StyleSheet.create({ mainS:{ flex:1, backgroundColor:'black', padding:15, paddingTop: StatusBar.currentHeight, display:'flex', justifyContent:'flex-start', alignItems:'center', }, titleHead:{ textAlign:'center', fontSize:25, color:'white', fontWeight:'900', paddingBottom:30, }, desc:{ fontSize:15, textAlign:'left', color:'white', }, formStyle:{ marginVertical:30, },

    inputbox:{
      backgroundColor:'#4c4c4c',
      padding:10,
      color:'#08A587',
      paddingLeft:40,
      marginBottom:10,
      width:360,
      borderWidth:2,
      borderColor:'#08A587',
      borderRadius:15,
    },
    ico:{
      color:'#08A587',
      marginTop:14,
      marginLeft:10,
      zIndex:2,
      position:'absolute'
    },
    getStarted:{
      paddingVertical:12, 
      backgroundColor:'#08A587', 
      borderRadius:15,    
      marginVertical:20,
    },
    letsText:{
      textAlign:'center',
      fontWeight:'600',
      fontSize:20,
      color:'white',
    },
    

    });

    export default Signup;

    opened by asadaa007 0
  • Icon doesn't shows up after closing React-Native App and reopen

    Icon doesn't shows up after closing React-Native App and reopen

    Hello, im having issues with Ionicon´s. If im compiling and opening my App via yarn android, everything works fine and the Icons show up. But if im now unplugging the Phone from the Mac and open the App which contains Ionicon´s, the Icons don't show up!

    Code: import { Ionicons } from 'react-native-vector-icons/Ionicons';

    
                    tabBarIcon:({focused, color, size}) => {
    
                        let iconName;
                        let rn = route.name;
    
                        if (rn === Icon1) {
                        iconName = focused ? 'home' : 'home-outline';
    
                        } else if (rn === Icon2) {
                        iconName = focused ? 'list' : 'list-outline';
    
                        return <Ionicons name={iconName} size={size} color={color} />;
    
                    },
                })} 
    

    Thanks for Help!

    opened by SurpriseMF3000 0
  • Upgrade Ionicons to 5.5.2

    Upgrade Ionicons to 5.5.2

    5.5.2 is the current version available on Ionicons website

    I downloaded the SVGs, replaced stroke with fill using oslllo-svg-fixer then generated the TTF & Glyphmap using this script: https://gist.github.com/romanlv/0b5b1d5d942b01da9e7bd46f07d42584

    @oblador can you please review and merge this PR on priority, let me know if there are any changes required PS: I have already tested all these icons on both Android and iOS devices

    opened by skb1129 0
  • Add Support for Font Awesome Sharp

    Add Support for Font Awesome Sharp

    Is your feature request related to a problem? Please describe. Font Awesome have just announced a new Sharp style to their icon set

    Describe the solution you'd like Add the new icon set as an additional option to the existing font sets

    More information about the launch can be found here: https://blog.fontawesome.com/introducing-font-awesome-sharp/

    opened by TheDistanceHQ 0
  • Integrating react-native-vector-icons in my my own library

    Integrating react-native-vector-icons in my my own library

    • [x] Review the documentation: https://github.com/oblador/react-native-vector-icons
    • [x] Search for existing issues (including closed ones): https://github.com/oblador/react-native-vector-icons/issues

    Environment

    OS: WIndow 10 Nodejs : latest react-native-vector-icons : latest

    Description

    Describe your issue in detail. Include screenshots if needed.

    0

    I am developing a react native library for which I need 2 libraries react-native-vector-icons and react-native-reanimated, I know when we need to use react-native-vector-icons we have to do a few steps for android and ios, I tried to do those but Gradle gave an error of being a library instead of an application, I saw many libraries not asking the user to set it up, instead they doing it in their own library, I have been trying to achieve it but failed in every attempt, I have studied their code too, I have done the same with no success, Can someone help me how can I do it, I built the library setup with create-react-native-library

    opened by Waseem6409 3
  • Including a custom icon set as part of the build

    Including a custom icon set as part of the build

    • [x] Review the documentation: https://github.com/oblador/react-native-vector-icons
    • [x] Search for existing issues (including closed ones): https://github.com/oblador/react-native-vector-icons/issues

    Environment

    Android

    Description

    I have included a custom icon set I've created like so:

    Icons.ts:

    import {createIconSetFromIcoMoon} from 'react-native-vector-icons';
    
    import icoMoonConfig from '../../assets/fonts/selection.json';
    export default createIconSetFromIcoMoon(icoMoonConfig);
    

    The .ttf and .json files are both in PROJECT_ROOT/assets/fonts. I've copied the .ttf file to android/app/src/main/assets/fonts (and that worked fine until I updated the .ttf file).

    Everything worked fine until I overwrote my .ttf file with a new one, adding some new icons. These new icons show up fine in the Android simulator but the Android release build on a real Android device doesn't pick them up. The symptom is that all icons from my old .ttf are visible but none of the new ones are. I've unziped the bundle to double-check that the new .ttf is there and it is.

    I'm at a loss here. What's the right way to include and update a custom .ttf font file using this package? Is there some caching on-device (of the font?) that could cause the new font to not get used?

    Demo

    N/A. Internal app/font set.

    opened by tibbe 0
Releases(v9.2.0-1)
  • v9.2.0-1(Jun 24, 2022)

  • v9.2.0(Jun 23, 2022)

  • v9.1.0(Feb 13, 2022)

    Improvements

    • Simplified and improved android font bundling.
    • Unified and improved build system for svg based fonts.
    • Icons are non-selectable on web too (aligned with native behaviour)
    • Remove lodash dependency.
    • Update FontAwesome 5 to 5.15.3
    • Update MaterialCommunityIcons to 6.5.95
    • Update SimpleLineIcons to 2.5.5
    • Fix broken icons in Feather
    Source code(tar.gz)
    Source code(zip)
  • v9.0.0(Oct 24, 2021)

    • Android: Move to mavenCentral() as jcenter() is shutting down
    • Breaking change: Drop support for react-native-web/react-native-desktop aliasing.
    Source code(tar.gz)
    Source code(zip)
  • v8.1.0(Feb 23, 2021)

  • v8.0.0(Jan 18, 2021)

    Breaking changes

    • Icon.TabBarItemIOS convenience component removed as it was removed from React Native core.

    Improvements

    • Improved Xcode 12 compatibility.
    Source code(tar.gz)
    Source code(zip)
  • v7.1.0(Sep 10, 2020)

    • Fix bug causing Icon.getImageSource() to resolve to wrong icon in some cases
    • Fix warning when passing a PlatformColor() value to color prop
    • Update MaterialIcons to 4.0.0
    • Update Feather to 4.28.0
    Source code(tar.gz)
    Source code(zip)
  • v7.0.0(Jul 4, 2020)

    Breaking changes

    • Icon.AndroidToolbar convenience component removed as it was removed from React Native core. See example in README on how to use it with the community version.

    Improvements

    • Support for icon images on Mac Catalyst
    Source code(tar.gz)
    Source code(zip)
  • v6.7.0(Jul 2, 2020)

    • Add getImageSourceSync method
    • Upgrade IonIcons to v5.0.1
    • Update MaterialCommunityIcons to 5.3.45
    • Update FontAwesome 5 to 5.13.0
    • Support autolinking when downloading FontAwesome5 Pro fonts
    • Load Android Gradle Plugin conditionally
    Source code(tar.gz)
    Source code(zip)
  • v6.6.0(Jun 27, 2019)

    • New icon set: Fontisto (@rfbezerra)
    • Update Material Community Icons to v3.6.95 (@mars-lan)
    • Fix export path for react-native-web (@jaulz)
    • Add react-native.config.js for React Native v0.60+ compatibility (@thymikee)
    Source code(tar.gz)
    Source code(zip)
  • v6.5.0(Jun 6, 2019)

    • Feather icon set version 4.21.0
    • Improved asset resolution on react-native-windows
    • Support for React-Native Web 0.11
    • Fix Font Awesome 5 brand icons on Android
    • Support new asset directory on Gradle Plugin 3.4+
    • tvOS support on CocoaPods
    • Bump Gradle plugin to 3.3.1
    Source code(tar.gz)
    Source code(zip)
  • v6.4.2(Mar 20, 2019)

    • Fixes FontAwesome 5 style issue on Android
    • Now exports generated flow type enum
    • Updates VectorIconsModule.java to fix size/spacing when generating image
    • Fixes gradle copy font tasks when using variants
    Source code(tar.gz)
    Source code(zip)
  • v6.4.1(Mar 12, 2019)

  • v6.4.0(Mar 11, 2019)

  • v6.3.0(Feb 13, 2019)

  • v6.2.0(Jan 21, 2019)

  • v6.1.0(Nov 16, 2018)

  • v6.0.2(Oct 8, 2018)

  • v6.0.1(Oct 4, 2018)

  • v6.0.0(Oct 2, 2018)

    Breaking changes

    • Upgrade to gradle build tools 3.1.4/compile -> implementation
    • Update minimum supported iOS version to 9

    New functionality

    • New icon set: AntDesign
    • Support for tvOS
    • Remove reliance on prop types so they can be safely stripped
    • Refactor components to use async/strict mode compliant life cycle methods

    Bug fixes

    • Fix require cycle warning in React Native 0.57
    • Fix warnings and bugs in FontAwesome 5 implementation

    Updated icon sets

    • MaterialCommunityIcons 2.8.94
    • FontAwesome 5.3.1
    Source code(tar.gz)
    Source code(zip)
  • v5.0.0(Jul 28, 2018)

    Breaking changes

    • Use fontReference instead of fontFamily for web. You might need to update your webpack configuration. (#778 by @yairopro)
    • Fix Octicons padding/centering. If you've manually compensated this, it might have to remove that. (#796 by @hampustagerud)

    New functionality

    • Expose static functions getRawGlyphMap() and getFontFamily() on the Icon component ( #762 by @SudoPlz)
    • Add support for Font Awesome 5 (#776, #787 by @hampustagerud)
    • Use Android SDK Version variables from root project (#714 by @rayronvictor)

    Updated icon sets

    • EvilIcons 1.10.1
    • Octicons 8.0.0
    • MaterialCommunityIcons 2.5.94
    • Ionicons 4.2.4
    • Feather 4.7.0
    Source code(tar.gz)
    Source code(zip)
  • v4.6.0(Apr 2, 2018)

  • v4.5.0(Jan 8, 2018)

  • v4.4.3(Dec 19, 2017)

  • v4.4.2(Oct 8, 2017)

  • v4.4.1(Oct 7, 2017)

  • v4.4.0(Sep 16, 2017)

  • v4.3.0(Jul 30, 2017)

    • Add precompiled version for web to distributed build under dist
    • Upgrade android build tools to 26 and gradle to 2.3 (you might need to download those first!)
    • Fix compatibility with React Native 0.47
    • Upgrade MaterialCommunityIcons to 2.0.46
    Source code(tar.gz)
    Source code(zip)
  • v4.2.0(May 29, 2017)

    • Add API to load font files dynamically from JS to support use_frameworks! option in CocoaPods.
    • Make name prop optional and render it as an empty icon instead of question mark.
    Source code(tar.gz)
    Source code(zip)
  • v4.1.1(May 7, 2017)

Owner
Joel Arvidsson
╥━━━━━━━━╭━━╮━━┳ ╢╭╮╭━━━━━┫┃▋▋━▅┣ ╢┃╰┫┈┈┈┈┈┃┃┈┈╰┫┣ ╢╰━┫┈┈┈┈┈╰╯╰┳━╯┣ ╢┊┊┃┏┳┳━━┓┏┳┫┊┊┣ ╨━━┗┛┗┛━━┗┛┗┛━━┻
Joel Arvidsson
A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android.

React Native Modals React Native Modals Library for iOS & Android. How to thank me ? Just click on ⭐️ button ?? Try it with Exponent BREAKING CHANGE A

Jack Lam 2.1k Sep 22, 2022
Phosphor Icons generated from React Native Vector Image

React Native Phosphor Icons Phosphor Icons generated from React Native Vector Image Installation yarn add @baronha/react-native-phosphor-icon && yarn

Baron Ha. 3 May 6, 2022
react-native-cache-image ★158 - A cache-image for react-native

React Native CacheImage (remobile) A cache-image for react-native When use web image, this module will find the web image's url corresponding image f

YunJiang.Fang 160 Mar 23, 2022
:raised_hands: A pure JS react-native component to render a masonry~ish layout for images with support for dynamic columns, progressive image loading, device rotation, on-press handlers, and headers/captions.

react-native-masonry ?? An easy to use, pure JS react-native component to render a masonry~ish layout for remote images react-native-masonry is built

Brandon Him 1.2k Sep 8, 2022
:metal: A super duper easy hero unit react-native component with support for dynamic image, dynamic sizing, color overlays, and more

react-native-hero ?? A super duper hero unit react-native component with support for dynamic image, dynamic sizing, color overlays, and more. Why not

Brandon Him 249 Sep 1, 2022
React Native Zephyr is a TailwindCSS-inspired styling library for React Native.

React Native Zephyr STATUS: In development This project is actively under development. We're approaching v1.0.0, in which the API will be stable and n

Formidable 245 Sep 30, 2022
A cross-platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps.

react-native-webbrowser A cross-platform (iOS / Android), full-featured in-app web browser component for React Native that is highly customizable. Cur

Dan 197 Sep 27, 2022
A React Native library provides Image blur shadows, highly customizable and mutable component. Supports Android, iOS and Web.

A React Native library provides Image Blur Shadows, highly customizable and mutable component. Supports Android, iOS and Web.

Vivek Verma 81 Sep 26, 2022
🌲☀️ Customizable, lightweight React Native carousel component with accessibility support.

Customizable, lightweight React Native carousel component with accessibility support. Pinar is a lightweight and customizable React Native carousel co

Krister Kari 216 Sep 22, 2022
iOS/Android image picker with support for camera, video, configurable compression, multiple images and cropping

react-native-image-crop-picker iOS/Android image picker with support for camera, video, configurable compression, multiple images and cropping Result

Ivan Pusic 5.6k Sep 23, 2022
Image carousel with support for fullscreen mode with swiping and pinch-to-zoom.

react-native-image-carousel Image carousel with support for heading, captions, fullscreen mode, image swiping and pinch-to-zoom in fullscreen mode. Su

Anvilabs 212 Jun 10, 2022
Touchable component for React Native that enables more advanced styling by setting an active state. Most useful for building your own touchable/button components on top of.

react-native-TouchableSetActive Touchable component for React Native that enables more advanced styling by setting an active state. Most useful for bu

Jeff Stout 30 Mar 11, 2020
A tiny fully customizable react hook which gives you full list of countries with their flags

use-react-countries A tiny fully customizable react hook which gives you full li

Vrezh Oganisyan 10 Apr 23, 2022
React Native - Native Animated Icons with different states

ReactNative: Native Iconic (Android/iOS): Deprecated Due to time constraint, this library is deprecated and not maintained anymore, You can still use

Pranav Raj Singh Chauhan 222 Jul 14, 2022
The Beautiful Image component that supports fadeIn animation and shows placeholderSource if the main source can't be loaded. More will be implemented.

react-native-beautiful-image The Image component that supports fadeIn animation and shows placeholderSource if the main source can't be loaded. More w

Hau Vo 59 Feb 26, 2022
Quick and easy icons in React Native

WARNING: This library is discontinued, I highly recommend using https://github.com/oblador/react-native-vector-icons There's far bigger problems to so

Cory Smith 1.2k Apr 8, 2022
A simple rating library for react native supporting: decimal points, direction aware icons, custom icon set from Ionicons, custom images and record rating given by users.

React Native Rating Element A simple rating library for react native supporting: a11y ready ⚛️ decimal points like 3.7, 4.2 etc, direction aware icons

Rishabh Sharma 20 Sep 29, 2022
Credit cards and other payment icons in React Native

react-native-payment-icons There wasn't a package for displaying credit cards and other payment methods icons in React Native. Wasn't! We use SVGs tha

Henrique Bruno 10 Jul 4, 2022
icons for react-native android using android-iconify

react-native-android-iconify icons for react native android using android-iconify Installation and How to use Step 1 - NPM Install npm install --save

Layton Whiteley 32 May 26, 2020