How to use the react-native-vector-icons/Feather.getImageSource 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 uport-project / uport-mobile / lib / start.ts View on Github external
export async function startAppModernUI() {
  /** Ask for notificatiosn on startup */
  store.dispatch(registerDeviceForNotifications())

  const accountsIcon = await FeatherIcons.getImageSource('check-circle', 26)
  const contactsIcon = await FeatherIcons.getImageSource('users', 26)
  const contactIcon = await FeatherIcons.getImageSource('user', 26)
  const settingsIcon = await FeatherIcons.getImageSource('settings', 26)
  const notificationsIcon = await FeatherIcons.getImageSource('bell', 26)
  const AndroidOptions = {
    appStyle: {
      tabBarBackgroundColor: colors.brand,
      tabBarButtonColor: '#ffffff',
      tabBarHideShadow: true,
      tabBarSelectedButtonColor: '#63d7cc',
      tabBarTranslucent: false,
      tabFontSize: 10,
      selectedTabFontSize: 12,
    },
    drawer: {},
  }
  const IOSOptions = {
    tabsStyle: {
      tabBarBackgroundColor: colors.white,
github uport-project / uport-mobile / lib / start.ts View on Github external
export async function startAppModernUI() {
  /** Ask for notificatiosn on startup */
  store.dispatch(registerDeviceForNotifications())

  const accountsIcon = await FeatherIcons.getImageSource('check-circle', 26)
  const contactsIcon = await FeatherIcons.getImageSource('users', 26)
  const contactIcon = await FeatherIcons.getImageSource('user', 26)
  const settingsIcon = await FeatherIcons.getImageSource('settings', 26)
  const notificationsIcon = await FeatherIcons.getImageSource('bell', 26)
  const AndroidOptions = {
    appStyle: {
      tabBarBackgroundColor: colors.brand,
      tabBarButtonColor: '#ffffff',
      tabBarHideShadow: true,
      tabBarSelectedButtonColor: '#63d7cc',
      tabBarTranslucent: false,
      tabFontSize: 10,
      selectedTabFontSize: 12,
    },
    drawer: {},
  }
  const IOSOptions = {
    tabsStyle: {
      tabBarBackgroundColor: colors.white,
      tabBarSelectedButtonColor: colors.brand,
github uport-project / uport-mobile / lib / start.ts View on Github external
export async function startAppModernUI() {
  /** Ask for notificatiosn on startup */
  store.dispatch(registerDeviceForNotifications())

  const accountsIcon = await FeatherIcons.getImageSource('check-circle', 26)
  const contactsIcon = await FeatherIcons.getImageSource('users', 26)
  const contactIcon = await FeatherIcons.getImageSource('user', 26)
  const settingsIcon = await FeatherIcons.getImageSource('settings', 26)
  const notificationsIcon = await FeatherIcons.getImageSource('bell', 26)
  const AndroidOptions = {
    appStyle: {
      tabBarBackgroundColor: colors.brand,
      tabBarButtonColor: '#ffffff',
      tabBarHideShadow: true,
      tabBarSelectedButtonColor: '#63d7cc',
      tabBarTranslucent: false,
      tabFontSize: 10,
      selectedTabFontSize: 12,
    },
    drawer: {},
  }
github uport-project / uport-mobile / lib / screens / User.js View on Github external
async setDefaultButtons() {
    const send = await Ionicons.getImageSource('ios-paper-plane', 26, '#FFFFFF')
    const edit = await FeatherIcon.getImageSource('edit', 26, '#FFFFFF')
    const share = await FeatherIcon.getImageSource('share', 26, '#FFFFFF')

    this.props.navigator.setButtons({
      rightButtons: [
        {
          id: 'edit',
          title: 'Edit',
        },
      ],
    })
  }
github uport-project / uport-mobile / lib / screens / Credential.js View on Github external
componentDidMount() {
    FeatherIcon.getImageSource('trash', 26, '#FFFFFF').then(trash => {
      this.props.navigator.setButtons({
        rightButtons: [
          {
            id: 'trash',
            icon: trash,
          },
        ],
      })
    })
  }
github uport-project / uport-mobile / lib / start.ts View on Github external
export async function startAppModernUI() {
  /** Ask for notificatiosn on startup */
  store.dispatch(registerDeviceForNotifications())

  const accountsIcon = await FeatherIcons.getImageSource('check-circle', 26)
  const contactsIcon = await FeatherIcons.getImageSource('users', 26)
  const contactIcon = await FeatherIcons.getImageSource('user', 26)
  const settingsIcon = await FeatherIcons.getImageSource('settings', 26)
  const notificationsIcon = await FeatherIcons.getImageSource('bell', 26)
  const AndroidOptions = {
    appStyle: {
      tabBarBackgroundColor: colors.brand,
      tabBarButtonColor: '#ffffff',
      tabBarHideShadow: true,
      tabBarSelectedButtonColor: '#63d7cc',
      tabBarTranslucent: false,
      tabFontSize: 10,
      selectedTabFontSize: 12,
    },
    drawer: {},
  }
  const IOSOptions = {
    tabsStyle: {
github uport-project / uport-mobile / lib / start.ts View on Github external
export async function startAppModernUI() {
  /** Ask for notificatiosn on startup */
  store.dispatch(registerDeviceForNotifications())

  const accountsIcon = await FeatherIcons.getImageSource('check-circle', 26)
  const contactsIcon = await FeatherIcons.getImageSource('users', 26)
  const contactIcon = await FeatherIcons.getImageSource('user', 26)
  const settingsIcon = await FeatherIcons.getImageSource('settings', 26)
  const notificationsIcon = await FeatherIcons.getImageSource('bell', 26)
  const AndroidOptions = {
    appStyle: {
      tabBarBackgroundColor: colors.brand,
      tabBarButtonColor: '#ffffff',
      tabBarHideShadow: true,
      tabBarSelectedButtonColor: '#63d7cc',
      tabBarTranslucent: false,
      tabFontSize: 10,
      selectedTabFontSize: 12,
    },
    drawer: {},
  }
  const IOSOptions = {
github uport-project / uport-mobile / lib / screens / User.js View on Github external
async setDefaultButtons() {
    const send = await Ionicons.getImageSource('ios-paper-plane', 26, '#FFFFFF')
    const edit = await FeatherIcon.getImageSource('edit', 26, '#FFFFFF')
    const share = await FeatherIcon.getImageSource('share', 26, '#FFFFFF')

    this.props.navigator.setButtons({
      rightButtons: [
        {
          id: 'edit',
          title: 'Edit',
        },
      ],
    })
  }