How to use the react-native-vector-icons.createIconSet function in react-native-vector-icons

To help you get started, we’ve selected a few react-native-vector-icons examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github zulip / zulip-mobile / src / emoji / Emoji.js View on Github external
/* @flow strict-local */
import React, { PureComponent } from 'react';
import { StyleSheet, Image } from 'react-native';
import { createIconSet } from 'react-native-vector-icons';

import type { ImageEmojiType, Dispatch } from '../types';
import { connect } from '../react-redux';
import { nameToEmojiMap } from './data';
import { getAllImageEmojiByName } from './emojiSelectors';

/* $FlowFixMe: `nameToEmojiMap` is mistyped upstream; elements of
  `glyphMap` may be either `number` or `string`. */
const UnicodeEmoji = createIconSet(nameToEmojiMap, 'AppleColorEmoji');

type SelectorProps = {|
  imageEmoji: ImageEmojiType | void,
|};

type Props = $ReadOnly<{|
  name: string,

  dispatch: Dispatch,
  ...SelectorProps,
|}>;

// TODO: this only handles Unicode emoji (shipped with the app)
// and realm emoji, but not Zulip extra emoji.  See our issue #2846.
class Emoji extends PureComponent {
  styles = StyleSheet.create({
github SolidZORO / leaa / packages / leaa-app / src / components / IconFont / IconFont.tsx View on Github external
import { createIconSet } from 'react-native-vector-icons';
import glyphMap from '@leaa/app/src/assets/fonts/fi/iconfont.json';

const iconSet = createIconSet(glyphMap, 'iconfont', require('@leaa/app/src/assets/fonts/fi/iconfont.ttf'));

export default iconSet;

export const { Button, TabBarItem, TabBarItemIOS, ToolbarAndroid, getImageSource } = iconSet;

// usage:
//                  |---- `name` see iconfont.json
//                  v
//  hello-leaa-app
github aryaminus / RN-voice-video-call / app / components / Boiler.js View on Github external
import { Keypad } from "./Keypad";

var glyphMap = {
  speaker: "\uE600",
  "mic-mute": "\uE601",
  keypad: "\uE602",
  "snd-mute": "\uE603",
  phone: "\uE604",
  hangup: "\uE605",
  "flip-camera": "\uE606"
};

if (Platform.OS == "ios") {
  var Icon = createIconSet(glyphMap, "icomoon");
} else {
  Icon = createIconSet(glyphMap, "Custom");
}

var currentCallId,
  uaInstance,
  number = "",
  settings_p2p = false,
  settings_video = false,
  micMuted = false,
  loudSpeaker = false,
  sendVideo = true,
  camera = "front";

DeviceEventEmitter.addListener("CallRinging", callId => {
  console.log("Call ringing");
});
github crownstone / CrownstoneApp / js / fonts / customIcons.ts View on Github external
export const glyphMapC3 = {
  'c3-newCircle':       0xf000,
  'c3-newSign':         0xf001,
  'c3-newStar':         0xf002,
  'c3-addRounded':      0xf003,
  'c3-addRoundedBold':  0xf004,
  'c3-addRoundedfilled':0xf005,
  'c3-addCircle':       0xf006,
};

export const getRandomC3Name = function() {
  return getRandomName(glyphMapC3);
};

export const CustomIcon = VectorIcons.createIconSet(glyphMapC1,   'Crownstone', 'Crownstone.ttf');
export const CustomIcon2 = VectorIcons.createIconSet(glyphMapC2,  'CustomIcons', 'CustomIcons.ttf');
export const CustomIcon3 = VectorIcons.createIconSet(glyphMapC3,  'Crownstone2', 'Crownstone2.ttf');



const getRandomName = function(map) {
  let keys = Object.keys(map);
  return keys[Math.floor(Math.random()*keys.length)];
};
github moonou / siren / src / lib / icon.js View on Github external
import { createIconSet } from 'react-native-vector-icons'
const glyphMap = { 
  'search': 59052,
  'play': 58907,
  'pause': 61059,
  'list': 59065,
  'circulation': 59165,
  'random': 58987,
  'repeatOne': 58898,
  'prev': 59032,
  'next': 58897,
  'clear': 58937,
  'delete': 59054
}
const Icon = createIconSet(glyphMap, 'iconfont')

export default Icon
github voximplant / react-native-demo / ToggleButton.js View on Github external
Text,
  View,
  Platform
} from 'react-native';
import Button from 'react-native-button';
import { createIconSet } from 'react-native-vector-icons';
var glyphMap = { 
  'speaker': '\uE600',
  'mic-mute': '\uE601',
  'keypad': '\uE602',
  'snd-mute': '\uE603',
  'phone': '\uE604',
  'hangup': '\uE605' 
};
if (Platform.OS == "ios") {
	var Icon = createIconSet(glyphMap, 'icomoon');
} else {
	Icon = createIconSet(glyphMap, 'Custom');
}

class ToggleButton extends React.Component {

	constructor(props) {
		super(props);
		this.state = {
			pressed: props.pressed? props.pressed: false
		}
	}

	_onPress() {
		if (!this.state.pressed) {
			this.setState({
github liip / guess-the-liiper-ios / src / UI / LiipIconFont.js View on Github external
"Trash": 59105,
  "Unlocked": 59106,
  "Wand": 59107,
  "Zoomin": 59108,
  "Zoomout": 59109,
  "Directionsalt": 59110,
  "Speedgauge": 59111,
  "Scan": 59112,
  "Help": 59113,
  "Gearwheel": 59114,
  "Api": 59115,
  "liip": 59054,
  "check": 58949
};

var LiipIconFont = createIconSet(glyphMap, 'LiipIconFont');

module.exports = LiipIconFont;
module.exports.glyphMap = glyphMap;
github aryaminus / RN-voice-video-call / app / components / ToggleButton.js View on Github external
import React, { Component } from "react";
import { StyleSheet, Text, View, Platform } from "react-native";
import Button from "react-native-button";
import { createIconSet } from "react-native-vector-icons";
var glyphMap = {
  speaker: "\uE600",
  "mic-mute": "\uE601",
  keypad: "\uE602",
  "snd-mute": "\uE603",
  phone: "\uE604",
  hangup: "\uE605"
};
if (Platform.OS == "ios") {
  var Icon = createIconSet(glyphMap, "icomoon");
} else {
  Icon = createIconSet(glyphMap, "Custom");
}

class ToggleButton extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      pressed: props.pressed ? props.pressed : false
    };
  }

  _onPress() {
    if (!this.state.pressed) {
      this.setState({
        pressed: true
      });
    } else {
github henrytao-me / react-native-workshop / libs / react-native-mdcore / src / components / Icon.js View on Github external
static addIconSet = (iconSet, glyphMap, fontFamily, fontFile) => {
    Icon.ICON_SETS[iconSet] = createIconSet(glyphMap, fontFamily, fontFile)
  }
github crownstone / CrownstoneApp / js / fonts / customIcons.ts View on Github external
export const glyphMapC3 = {
  'c3-newCircle':       0xf000,
  'c3-newSign':         0xf001,
  'c3-newStar':         0xf002,
  'c3-addRounded':      0xf003,
  'c3-addRoundedBold':  0xf004,
  'c3-addRoundedfilled':0xf005,
  'c3-addCircle':       0xf006,
};

export const getRandomC3Name = function() {
  return getRandomName(glyphMapC3);
};

export const CustomIcon = VectorIcons.createIconSet(glyphMapC1,   'Crownstone', 'Crownstone.ttf');
export const CustomIcon2 = VectorIcons.createIconSet(glyphMapC2,  'CustomIcons', 'CustomIcons.ttf');
export const CustomIcon3 = VectorIcons.createIconSet(glyphMapC3,  'Crownstone2', 'Crownstone2.ttf');



const getRandomName = function(map) {
  let keys = Object.keys(map);
  return keys[Math.floor(Math.random()*keys.length)];
};