kylefang/react-native-vector-icons
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-vector-icons.git synced 2026-01-12 22:51:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

Support for RN 0.7.0 packager. Fixes #4

Browse Source
This commit is contained in:
Joel Arvidsson
2015-07-06 12:20:24 +02:00
parent c9f056a096
commit 9ee47f3dfc
16 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Entypo.js
View File

@@ -6,7 +6,7 @@
*/
'use strict';
var createIconSet = require('createIconSet');
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
"500px": 61696,
"500px-with-circle": 61697,

2
EvilIcons.js
View File

@@ -6,7 +6,7 @@
*/
'use strict';
var createIconSet = require('createIconSet');
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
"archive": 61696,
"arrow-down": 61697,

2
Examples/IconExplorer/package.json
View File

@@ -7,7 +7,7 @@
},
"dependencies": {
"lodash": "^3.8.0",
"react-native": "^0.5.0",
"react-native": "^0.7.0-rc.2",
"react-native-vector-icons": "file:../../"
}
}

24
Examples/TabBarExample/TabBarExample.xcodeproj/project.pbxproj
View File

@@ -23,7 +23,7 @@
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; };
5DBEB1991B18D39B00B34395 /* libRNVectorIcons.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5DBEB1981B18D39100B34395 /* libRNVectorIcons.a */; };
5D6C177B1B4A8C9A00B100C5 /* libRNVectorIcons.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5D6C177A1B4A8C8A00B100C5 /* libRNVectorIcons.a */; };
5DE064991B1C9A2B00536BA2 /* Entypo.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 5DE064921B1C9A2B00536BA2 /* Entypo.ttf */; };
5DE0649A1B1C9A2B00536BA2 /* EvilIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 5DE064931B1C9A2B00536BA2 /* EvilIcons.ttf */; };
5DE0649B1B1C9A2B00536BA2 /* FontAwesome.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 5DE064941B1C9A2B00536BA2 /* FontAwesome.ttf */; };
@@ -105,9 +105,9 @@
remoteGlobalIDString = 83CBBA2E1A601D0E00E9B192;
remoteInfo = React;
};
5DBEB1971B18D39100B34395 /* PBXContainerItemProxy */ = {
5D6C17791B4A8C8A00B100C5 /* PBXContainerItemProxy */ = {
isa = PBXContainerItemProxy;
containerPortal = 5DBEB1881B18D39100B34395 /* RNVectorIcons.xcodeproj */;
containerPortal = 5D6C17751B4A8C8A00B100C5 /* RNVectorIcons.xcodeproj */;
proxyType = 2;
remoteGlobalIDString = 5DBEB1501B18CEA900B34395;
remoteInfo = RNVectorIcons;
@@ -149,7 +149,7 @@
13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = iOS/Info.plist; sourceTree = "<group>"; };
13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = iOS/main.m; sourceTree = "<group>"; };
146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "node_modules/react-native/React/React.xcodeproj"; sourceTree = "<group>"; };
5DBEB1881B18D39100B34395 /* RNVectorIcons.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RNVectorIcons.xcodeproj; path = ../../RNVectorIcons.xcodeproj; sourceTree = "<group>"; };
5D6C17751B4A8C8A00B100C5 /* RNVectorIcons.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RNVectorIcons.xcodeproj; path = "node_modules/react-native-vector-icons/RNVectorIcons.xcodeproj"; sourceTree = "<group>"; };
5DE064921B1C9A2B00536BA2 /* Entypo.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = Entypo.ttf; sourceTree = "<group>"; };
5DE064931B1C9A2B00536BA2 /* EvilIcons.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = EvilIcons.ttf; sourceTree = "<group>"; };
5DE064941B1C9A2B00536BA2 /* FontAwesome.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = FontAwesome.ttf; sourceTree = "<group>"; };
@@ -173,7 +173,6 @@
isa = PBXFrameworksBuildPhase;
buildActionMask = 2147483647;
files = (
5DBEB1991B18D39B00B34395 /* libRNVectorIcons.a in Frameworks */,
146834051AC3E58100842450 /* libReact.a in Frameworks */,
00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */,
00C302E61ABCBA2D00DB3ED1 /* libRCTAdSupport.a in Frameworks */,
@@ -185,6 +184,7 @@
832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */,
00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */,
139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */,
5D6C177B1B4A8C9A00B100C5 /* libRNVectorIcons.a in Frameworks */,
);
runOnlyForDeploymentPostprocessing = 0;
};
@@ -294,10 +294,10 @@
name = Products;
sourceTree = "<group>";
};
5DBEB1891B18D39100B34395 /* Products */ = {
5D6C17761B4A8C8A00B100C5 /* Products */ = {
isa = PBXGroup;
children = (
5DBEB1981B18D39100B34395 /* libRNVectorIcons.a */,
5D6C177A1B4A8C8A00B100C5 /* libRNVectorIcons.a */,
);
name = Products;
sourceTree = "<group>";
@@ -328,7 +328,7 @@
832341AE1AAA6A7D00B99B32 /* Libraries */ = {
isa = PBXGroup;
children = (
5DBEB1881B18D39100B34395 /* RNVectorIcons.xcodeproj */,
5D6C17751B4A8C8A00B100C5 /* RNVectorIcons.xcodeproj */,
146833FF1AC3E56700842450 /* React.xcodeproj */,
00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */,
00C302AF1ABCB8E700DB3ED1 /* RCTAdSupport.xcodeproj */,
@@ -484,8 +484,8 @@
ProjectRef = 146833FF1AC3E56700842450 /* React.xcodeproj */;
},
{
ProductGroup = 5DBEB1891B18D39100B34395 /* Products */;
ProjectRef = 5DBEB1881B18D39100B34395 /* RNVectorIcons.xcodeproj */;
ProductGroup = 5D6C17761B4A8C8A00B100C5 /* Products */;
ProjectRef = 5D6C17751B4A8C8A00B100C5 /* RNVectorIcons.xcodeproj */;
},
);
projectRoot = "";
@@ -560,11 +560,11 @@
remoteRef = 146834031AC3E56700842450 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
5DBEB1981B18D39100B34395 /* libRNVectorIcons.a */ = {
5D6C177A1B4A8C8A00B100C5 /* libRNVectorIcons.a */ = {
isa = PBXReferenceProxy;
fileType = archive.ar;
path = libRNVectorIcons.a;
remoteRef = 5DBEB1971B18D39100B34395 /* PBXContainerItemProxy */;
remoteRef = 5D6C17791B4A8C8A00B100C5 /* PBXContainerItemProxy */;
sourceTree = BUILT_PRODUCTS_DIR;
};
78C398B91ACF4ADC00677621 /* libRCTLinking.a */ = {

2
Examples/TabBarExample/index.ios.js
View File

@@ -12,7 +12,7 @@ var {
TouchableOpacity,
} = React;
var Icon = require('Ionicons');
var Icon = require('react-native-vector-icons/Ionicons');
var ColoredView = React.createClass({
componentWillMount: function() {

2
Examples/TabBarExample/package.json
View File

@@ -6,7 +6,7 @@
"start": "node_modules/react-native/packager/packager.sh"
},
"dependencies": {
"react-native": "^0.5.0",
"react-native": "^0.7.0-rc.2",
"react-native-vector-icons": "file:../../"
}
}

2
FontAwesome.js
View File

@@ -6,7 +6,7 @@
*/
'use strict';
var createIconSet = require('createIconSet');
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
"glass": 61440,
"music": 61441,

2
Foundation.js
View File

@@ -6,7 +6,7 @@
*/
'use strict';
var createIconSet = require('createIconSet');
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
"address-book": 61696,
"alert": 61697,

2
Ionicons.js
View File

@@ -6,7 +6,7 @@
*/
'use strict';
var createIconSet = require('createIconSet');
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
"alert": 61697,
"alert-circled": 61696,

2
MaterialIcons.js
View File

@@ -6,7 +6,7 @@
*/
'use strict';
var createIconSet = require('createIconSet');
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
"3d-rotation": 61696,
"access-alarm": 61697,

12
README.md
View File

@@ -32,7 +32,7 @@ You can either use one of the bundled icons or roll your own custom font. Curren
* [`Zocial`](http://zocial.smcllns.com/) by Sam Collins (v1.0, **100** icons)
```js
var Icon = require('FontAwesome');
var Icon = require('react-native-vector-icons/FontAwesome');
var myIcon = (<Icon name="rocket" size={30} color="#900" style={styles.icon} />)
```
@@ -98,7 +98,7 @@ Note: Since [`NavBarIOS` doesn't rerender with new state](https://github.com/fac
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.
```js
var createIconSet = require('createIconSet');
var { createIconSet } = require('react-native-vector-icons');
var glyphMap = { 'icon-name': 1234, test: '∆' };
var Icon = createIconSet(glyphMap, 'FontName');
```
@@ -107,7 +107,7 @@ var Icon = createIconSet(glyphMap, 'FontName');
Convenience method to create a custom font based on a [fontello](http://fontello.com) config file. Don't forget to import the font as described above and drop the `config.json` somewhere convenient in your project.
```js
var require('createIconSetFromFontello');
var { createIconSetFromFontello } = require('react-native-vector-icons');
var fontelloConfig = require('./config.json');
var Icon = createIconSetFromFontello(fontelloConfig);
```
@@ -123,7 +123,7 @@ Try the `IconExplorer` project in `Examples/IconExplorer` folder, there you can
### Basic Example
```js
var React = require('react-native');
var Icon = require('Ionicons');
var Icon = require('react-native-vector-icons/Ionicons');
var ExampleView = React.createClass({
render: function() {
@@ -142,7 +142,7 @@ var {
Text,
TabBarIOS,
} = React;
var Icon = require('Ionicons');
var Icon = require('react-native-vector-icons/Ionicons');
var TabBarView = React.createClass({
render: function() {
@@ -167,7 +167,7 @@ By nesting a `<Text>` element and assigning padding and background color you can
![buttons](https://cloud.githubusercontent.com/assets/378279/7667568/2e9021b2-fc0d-11e4-8e68-cf91c329a6f4.png)
```js
var Icon = require('FontAwesome')
var Icon = require('react-native-vector-icons/FontAwesome')
var styles = StyleSheet.create({
icon: {

2
Zocial.js
View File

@@ -6,7 +6,7 @@
*/
'use strict';
var createIconSet = require('createIconSet');
var createIconSet = require('./lib/create-icon-set');
var glyphMap = {
"acrobat": 61696,
"amazon": 61697,

2
lib/create-icon-set-from-fontello.js
View File

@@ -4,7 +4,7 @@
*/
'use strict';
var createIconSet = require('createIconSet');
var createIconSet = require('./create-icon-set');
function createIconSetFromFontello(config : Object, fontFamily? : string) : Function {
var glyphMap = {};

2
lib/create-icon-set.js
View File

@@ -11,8 +11,8 @@ var {
Text,
StyleSheet,
TabBarIOS,
NativeModules,
} = React;
var NativeModules = require('NativeModules');
var RNVectorIconsManager = NativeModules.RNVectorIconsManager;
var invariant = require('invariant');
var merge = require('merge');

2
package.json
View File

@@ -45,7 +45,7 @@
},
"license": "MIT",
"peerDependencies": {
"react-native": ">=0.4.0 <1.0.0"
"react-native": ">=0.4.0 || 0.5.0-rc1 || 0.6.0-rc || 0.7.0-rc || 0.7.0-rc.2"
},
"dependencies": {
"lodash": "^3.8.0",

2
template/iconSet.tpl
View File

@@ -6,7 +6,7 @@
*/
'use strict';
var createIconSet = require('createIconSet');
var createIconSet = require('./lib/create-icon-set');
var glyphMap = ${glyphMap};
var ${componentName} = createIconSet(glyphMap, '${fontFamily}');