react-native-vector-icons
Advanced tools
react-native-vector-icons - npm Package Compare versions
Comparing version 9.1.0 to 9.2.0
| { | ||
| "name": "react-native-vector-icons", | ||
| "version": "9.1.0", | ||
| "version": "9.2.0", | ||
| "description": "Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling.", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -48,3 +48,3 @@  | ||
| - [`Foundation`](http://zurb.com/playground/foundation-icon-fonts-3) by ZURB, Inc. (v3.0, **283** icons) | ||
| - [`Ionicons`](https://ionicons.com/) by Iconic Framework (v5.0.1, **1227** icons) | ||
| - [`Ionicons`](https://ionicons.com/) by Ionic (v5.0.1, **1227** icons) | ||
| - [`MaterialIcons`](https://www.google.com/design/icons/) by Google, Inc. (v4.0.0, **1517** icons) | ||
@@ -64,4 +64,2 @@ - [`MaterialCommunityIcons`](https://materialdesignicons.com/) by MaterialDesignIcons.com (v6.5.95, **6596** icons) | ||
| #### 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: | ||
@@ -102,4 +100,5 @@ | ||
| - For React Native > 0.60, when pods are installed/updated [auto linking](https://github.com/react-native-community/cli/blob/master/docs/autolinking.md) will automatically add all fonts to the **Build Phases**, **Copy Pods Resources**. Which will end up in your bundle. | ||
| To avoid that, create a `react-native.config.js` file at the root of your react-native project with: | ||
| - When using auto linking, it will automatically add all fonts to the **Build Phases**, **Copy Pods Resources**. Which will end up in your bundle. | ||
| To avoid that, create a `react-native.config.js` file at the root of your react-native project with: | ||
| ```js | ||
@@ -119,27 +118,4 @@ module.exports = { | ||
| _Note: you need to recompile your project after adding new fonts. | ||
| _Note: you need to recompile your project after adding new fonts._ | ||
| 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](https://reactnative.dev/docs/linking-libraries-ios.html#content). | ||
| #### 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._ | ||
| For React Native > 0.60, [auto linking](https://github.com/react-native-community/cli/blob/master/docs/autolinking.md) (equivalent of `react-native link`) will automatically run when Pods are installed or updated. | ||
| #### Option: With [CocoaPods](https://cocoapods.org/) | ||
| 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](https://reactnative.dev/docs/integration-with-existing-apps) on how to set that up._ | ||
| ### Android | ||
@@ -196,6 +172,7 @@ | ||
| 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') | ||
| implementation fileTree(dir: "libs", include: ["*.jar"]) | ||
| //noinspection GradleDynamicVersion | ||
| implementation "com.facebook.react:react-native:+" // From node_modules | ||
| + implementation project(':react-native-vector-icons') | ||
| } | ||
@@ -202,0 +179,0 @@ ``` |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-0.03%
5059589
- Number of package files
- decreased by-1.22%
162
- Lines of code
- decreased by-0.01%
57862
- Number of lines in readme file
- decreased by-3.14%
709
No dependency changes