How to use the expo.Font function in expo

To help you get started, we’ve selected a few expo 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.

appbaseio-apps / native-kitchensink / src / components / SingleDropdownList / SingleDropdownListView.js View on Github

async componentWillMount() {
		await Expo.Font.loadAsync({
			Roboto: require('native-base/Fonts/Roboto.ttf'), // eslint-disable-line
			Roboto_medium: require('native-base/Fonts/Roboto_medium.ttf'), // eslint-disable-line
			Ionicons: require('native-base/Fonts/Ionicons.ttf'), // eslint-disable-line
		});

		this.setState({
			isReady: true,
		});
	}

appbaseio / reactivesearch / packages / native / examples / datepicker / src / DatePickerView.js View on Github

async componentWillMount() {
		await Expo.Font.loadAsync({
			Roboto: require('native-base/Fonts/Roboto.ttf'), // eslint-disable-line global-require
			Roboto_medium: require('native-base/Fonts/Roboto_medium.ttf'), // eslint-disable-line global-require
			Ionicons: require('native-base/Fonts/Ionicons.ttf'), // eslint-disable-line global-require
		});

		this.setState({
			isReady: true,
		});
	}

appbaseio-apps / native-kitchensink / src / components / MultiDropdownList / MultiDropdownListView.js View on Github

async componentWillMount() {
		await Expo.Font.loadAsync({
			Roboto: require('native-base/Fonts/Roboto.ttf'), // eslint-disable-line
			Roboto_medium: require('native-base/Fonts/Roboto_medium.ttf'), // eslint-disable-line
			Ionicons: require('native-base/Fonts/Ionicons.ttf'), // eslint-disable-line
		});

		this.setState({
			isReady: true,
		});
	}

appbaseio / reactivesearch / packages / native / examples / multidropdownlist / src / MultiDropdownListView.js View on Github

async componentWillMount() {
		await Expo.Font.loadAsync({
			Roboto: require('native-base/Fonts/Roboto.ttf'), // eslint-disable-line global-require
			Roboto_medium: require('native-base/Fonts/Roboto_medium.ttf'), // eslint-disable-line global-require
			Ionicons: require('native-base/Fonts/Ionicons.ttf'), // eslint-disable-line global-require
		});

		this.setState({
			isReady: true,
		});
	}

appbaseio / reactivesearch / packages / native / examples / datasearch / src / DataSearchView.js View on Github

async componentWillMount() {
		await Expo.Font.loadAsync({
			Roboto: require('native-base/Fonts/Roboto.ttf'), // eslint-disable-line global-require
			Roboto_medium: require('native-base/Fonts/Roboto_medium.ttf'), // eslint-disable-line global-require
			Ionicons: require('native-base/Fonts/Ionicons.ttf'), // eslint-disable-line global-require
		});

		this.setState({
			isReady: true,
		});
	}

GeekyAnts / NativeBase-KitchenSink / App.js View on Github

async componentWillMount() {
    await Expo.Font.loadAsync({
      Roboto: require("native-base/Fonts/Roboto.ttf"),
      Roboto_medium: require("native-base/Fonts/Roboto_medium.ttf"),
      Ionicons: require("@expo/vector-icons/fonts/Ionicons.ttf")
    });

    this.setState({ isReady: true });
  }
  render() {

andrewnaeve / react-native-MineMeal / app / Main.js View on Github

  return fonts.map(font => Expo.Font.loadAsync(font));
}

GeekyAnts / react-native-boilerplate-mobx-typescript / src / boot / setup.tsx View on Github

async loadFonts() {
			await Expo.Font.loadAsync({
				Roboto: require("native-base/Fonts/Roboto.ttf"),
				Roboto_medium: require("native-base/Fonts/Roboto_medium.ttf"),
				Ionicons: require("@expo/vector-icons/fonts/Ionicons.ttf"),
			});

			this.setState({ isReady: true });
		}

GeekyAnts / NativeBase-KitchenSink / src / boot / setup.js View on Github

async loadFonts() {
    await Expo.Font.loadAsync({
      Roboto: require("native-base/Fonts/Roboto.ttf"),
      Roboto_medium: require("native-base/Fonts/Roboto_medium.ttf"),
      Ionicons: require("@expo/vector-icons/fonts/Ionicons.ttf")
    });
    this.setState({ isReady: true });
  }
  render() {

ckiely91 / acrofever / native / src / boot / setup.js View on Github

async loadFonts() {
    await Expo.Font.loadAsync({
      [fonts.pacifico]: require("../../assets/fonts/Pacifico-Regular.ttf"),
      [fonts.openSans
        .regular]: require("../../assets/fonts/OpenSans-Regular.ttf"),
      [fonts.openSans
        .italic]: require("../../assets/fonts/OpenSans-Italic.ttf"),
      [fonts.openSans.light]: require("../../assets/fonts/OpenSans-Light.ttf"),
      [fonts.openSans
        .lightItalic]: require("../../assets/fonts/OpenSans-LightItalic.ttf"),
      [fonts.openSans.bold]: require("../../assets/fonts/OpenSans-Bold.ttf"),
      [fonts.openSans
        .boldItalic]: require("../../assets/fonts/OpenSans-BoldItalic.ttf"),
      [fonts.roboto.regular]: require("native-base/Fonts/Roboto.ttf"),
      [fonts.roboto.medium]: require("native-base/Fonts/Roboto_medium.ttf"),
      [fonts.ionicons]: require("@expo/vector-icons/fonts/Ionicons.ttf")
    });
    this.setState({ isReady: true });

How to use the expo.Font function in expo

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

expo

Package Health Score

Popular expo functions

Similar packages