How to use the @expo/vector-icons.Ionicons.font function in @expo/vector-icons

To help you get started, we’ve selected a few @expo/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 charliecalvert / JsObjects / JavaScript / React / react-native-test / App.js View on Github external
async function loadResourcesAsync() {
    await Promise.all([
        Asset.loadAsync([
            require('./assets/images/robot-dev.png'),
            require('./assets/images/robot-prod.png')
        ]),
        Font.loadAsync({
            // This is the font that we are using for our tab bar
            ...Ionicons.font,
            // We include SpaceMono because we use it in HomeScreen.js. Feel free to
            // remove this if you are not using it in your app
            'space-mono': require('./assets/fonts/SpaceMono-Regular.ttf')
        })
    ]);
}
github microsoft / vscode-react-native / test / smoke / resources / ExpoSample / App.js View on Github external
async function loadResourcesAsync() {
  await Promise.all([
    Asset.loadAsync([
      require('./assets/images/robot-dev.png'),
      require('./assets/images/robot-prod.png'),
    ]),
    Font.loadAsync({
      // This is the font that we are using for our tab bar
      ...Ionicons.font,
      // We include SpaceMono because we use it in HomeScreen.js. Feel free to
      // remove this if you are not using it in your app
      'space-mono': require('./assets/fonts/SpaceMono-Regular.ttf'),
    }),
  ]);
}
github EvanBacon / Lego-Expo / App.js View on Github external
async function loadResourcesAsync() {
  await Promise.all([
    Asset.loadAsync([
      require('./assets/images/robot-dev.png'),
      require('./assets/images/robot-prod.png'),
    ]),
    Font.loadAsync({
      // This is the font that we are using for our tab bar
      ...Ionicons.font,
      // We include SpaceMono because we use it in HomeScreen.js. Feel free to
      // remove this if you are not using it in your app
      'space-mono': require('./assets/fonts/SpaceMono-Regular.ttf'),
    }),
  ]);
}
github EvanBacon / react-navigation-web-responsive-tabs-demo / App.js View on Github external
async function loadResourcesAsync() {
  await Promise.all([
    Asset.loadAsync([
      require('./assets/images/robot-dev.png'),
      require('./assets/images/robot-prod.png'),
    ]),
    Font.loadAsync({
      // This is the font that we are using for our tab bar
      ...Ionicons.font,
      // We include SpaceMono because we use it in HomeScreen.js. Feel free to
      // remove this if you are not using it in your app
      'space-mono': require('./assets/fonts/SpaceMono-Regular.ttf'),
    }),
  ]);
}
github EvanBacon / apple-notes / App.js View on Github external
(async () => {
      try {
        await Promise.all([
          Font.loadAsync(Ionicons.font),
        ]);
      } catch (e) {
        console.log({ e });
      } finally {
        setLoaded(true);
      }
    })()
  });
github expo / harvard-cs50-app / App.js View on Github external
async _loadAssetsAsync() {
    const imageAssets = this._cacheImages([
      require('./assets/videoplayer/thumb.png'),
      require('./assets/videoplayer/track.png'),
    ]);
    const fontAssets = this._cacheFonts([
      fonts,
      EvilIcons.font,
      FontAwesome.font,
      Ionicons.font,
      MaterialIcons.font,
      Foundation.font,
    ]);

    try {
      await Promise.all([
        Store.rehydrateAsync(),
        ...imageAssets,
        ...fontAssets,
      ]);
      Store.dispatch({ type: 'SET_DATA', data: Data });
    } catch (e) {
      console.log('Error downloading assets', e);
      Sentry.captureException(e);
    }
github dsuryd / dotNetify-react-native-demo / App.js View on Github external
componentWillMount() {
    Font.loadAsync(Ionicons.font);
    this.setState({ appLoaded: true });
    ScreenTracker.setScreen('LiveGauge');
  }
github sameesiddiqui / expo-notifications-example / App.js View on Github external
_loadResourcesAsync = async () => {
    return Promise.all([
      Asset.loadAsync([
      ]),
      Font.loadAsync([
        Ionicons.font,
        { 'terminal': require('./assets/fonts/Inconsolata-Regular.ttf') },
      ]),
    ]);
  };
github reimagined / resolve / examples / shopping-list-advanced / native / index.js View on Github external
async componentDidMount() {
    await Font.loadAsync({
      Roboto: require('native-base/Fonts/Roboto.ttf'),
      Roboto_medium: require('native-base/Fonts/Roboto_medium.ttf'),
      ...Ionicons.font
    })

    this.setState({
      isReady: true
    })
  }
github F4b1n0u / my-games / app / components / app.js View on Github external
endLoad,
    } = this.props

    if (!isLoaded && !isLoading) {
      startLoad()

      const imageAssets = cacheImages([
        require('../../assets/images/all-games-wallpaper.png'),
        require('../../assets/images/arrow.png'),
        require('../../assets/images/arrows.png'),
        require('../../assets/images/giantbomb-logo.png'),
        require('../../assets/images/icon.png'),
      ])

      const fontAssets = cacheFonts([
        Ionicons.font,
        MaterialCommunityIcons.font,
        MaterialIcons.font,
        Octicons.font,
        {
          'florentia-extralight': require('../../assets/fonts/florentia.extralight.ttf'),
          'arista-pro-extralight': require('../../assets/fonts/arista-pro-extralight.ttf'),
          'let-that-be-enough-regular': require('../../assets/fonts/let-that-be-enough.regular.ttf'),
        }
      ])

      await Promise.all([
        ...imageAssets,
        ...fontAssets,
      ])

      endLoad()

@expo/vector-icons

Built-in support for popular icon fonts and the tooling to create your own Icon components from your font and glyph map. This is a wrapper around react-native-vector-icons to make it compatible with Expo.

MIT
Latest version published 2 years ago

Package Health Score

67 / 100
Full package analysis