palingheorghe
commented
4 years ago Hi @kc9pos ! Thank you for being interested in our products. I've tested the app and I don't have any problems with the font selection. The problem must be with your configuration. You should remove node_modules, package-lock.json and .expo and re-use the npm install command in order to install all the depepndencies. If the product still isn't working after following these steps then you could try updating expo-cli.
Thanks, Alin
kc9pos
jorgeluis91x
roblimab
deepti-nucleusteq
mahatch
Good afternoon I bought the react native pro argon app and I keep getting held up by this error the code looks to be following the correct recommended documentation on loading custom fonts but no matter what I try I cannot resolve this issues. It is something that happens even with a fresh download from your website what are my options thank you. The issues happens with all the fonts within the custom font section seems very random.
import React from 'react'; import { Image } from 'react-native'; import { AppLoading } from 'expo'; import * as Font from 'expo-font'; import { Asset } from 'expo-asset'; import { Block, GalioProvider } from 'galio-framework';
import Screens from './navigation/Screens'; import { Images, articles, argonTheme } from './constants';
// cache app images const assetImages = [ Images.Onboarding, Images.LogoOnboarding, Images.Logo, Images.Pro, Images.ArgonLogo, Images.iOSLogo, Images.androidLogo, ];
// cache product images articles.map(article => assetImages.push(article.image));
function cacheImages(images) { return images.map(image => { if (typeof image === 'string') { return Image.prefetch(image); } else { return Asset.fromModule(image).downloadAsync(); } }); }
export default class App extends React.Component { state = { fontLoaded: false, isLoadingComplete: false,
}
async componentDidMount() { try { Font.loadAsync({ 'open-sans-regular': require('./assets/font/OpenSans-Regular.ttf'), 'open-sans-light': require('./assets/font/OpenSans-Light.ttf'), 'open-sans-bold': require('./assets/font/OpenSans-Bold.ttf'), }); this.setState({ fontLoaded: true }); } catch (error) { console.log('error loading icon fonts', error); } }
render() { if(!this.state.isLoadingComplete) { return ( <AppLoading startAsync={this._loadResourcesAsync} onError={this._handleLoadingError} onFinish={this._handleFinishLoading} /> ); } else { return (
}
_loadResourcesAsync = async () => { return Promise.all([ ...cacheImages(assetImages), ]); };
_handleLoadingError = error => { // In this case, you might want to report the error to your error // reporting service, for example Sentry console.warn(error); };
_handleFinishLoading = () => { if(this.state.fontLoaded) { this.setState({ isLoadingComplete: true }); } };
}