Google fonts in React Native

Question

Мне было интересно, можно ли использовать шрифты Google в моем проекте React Native.

Я искал некоторую информацию, но ничего не нашел.

Возможно ли это?

Спасибо.

P.D .: Я знаю, что могу загрузить его и включить в свой проект.

Answer 1

Скачать Google шрифты отсюда: Github Google Fonts

Предположим, что ваш шрифт Quicksand, вы можете сделать что-то подобное в index.ios.js:

import _ from 'lodash'; 

var OldText = Text; 

class NewText extends OldText { 
    defaultProps = { 
    customFont: false 
    } 

    render() { 
    var props = _.clone(this.props); 

    if (this.props.customFont) { 
     return super.render(); 
    } 

    if (_.isArray(this.props.style)){ 
     props.style.push({fontFamily: 'Quicksand-Regular', fontSize: 12}); 
    } else if (props.style) { 
     props.style = [props.style, {fontFamily: 'Quicksand-Regular', fontSize: 12}]; 
    } else { 
     props.style = {fontFamily: 'Quicksand-Regular', fontSize: 12}; 
    } 

    this.props = props; 

    return super.render(); 
    } 
} 

Object.defineProperty(React, 'Text', {value: NewText}); 

Затем добавьте вас шрифт в Xcode в => построить Фазы => Copy Bundle Ресурсы

Затем проверьте наличие следующего в вашем проектах Info.plist:

<key>UIAppFonts</key> 
<array> 
    <string>Quicksand-Bold.otf</string> 
    <string>Quicksand-BoldItalic.otf</string> 
    <string>Quicksand-Italic.otf</string> 
    <string>Quicksand-Light.otf</string> 
    <string>Quicksand-LightItalic.otf</string> 
    <string>Quicksand-Regular.otf</string> 
    <string>Quicksand_Dash.otf</string> 
</array> 

Это сделало трюк для меня.