Icon

English | 中文

Semantic vector graphics. It supports the following features:

• customize size
• customize color
• integrated in Ant-Design Preset

:warning: NOTE: Make sure your project has integrated in ART module.

If you encounter the problem like No component found for view with name "ARTXXX", that's because the ART module has not been integrated in your project. You should:

1. Use Xcode to open your ios project, Libraries -> Add Files to -> node_modules/react-native/Libraries/ART/ART.xcodeproj.
2. Click the root of project, find Linked Frameworks and Libraries, click + to add libART.a and rebuild the project.
3. After having rebuilded, re-run command react-native run-ios/android to start your project.

How to use

npm install @rn-components-kit/icon --save

|Preview|Code| |------------|:---------:| ||Demo1 Code| ||Demo2 Code| ||Demo3 Code|

Props

• style
• color
• size
• type

Reference

Props

style

Allow you to customize style

|Type|Required|Default| |----|--------|-------| |object|no|-|

color

Determines the icon's color

|Type|Required|Default| |----|--------|-------| |string|no|'#333'|

size

Determines the icon's size

|Type|Required|Default| |----|--------|-------| |number|no|15|

type

Icon type, integrated in Ant-Design Preset

|Type|Required|Default| |----|--------|-------| |enum types|yes|-|

Icon Types