「React Native」のfontFamily propsを使用してフォントグループを設定するにはどうすればよいですか？ CSSのよう

Question

は、我々は次のように設定することができます。

font-family:"Times New Roman",Georgia,Serif; 

しかしRNに、私たちはただ一つ、フォント、

fontFamily: 'MidPlane00v3.1', 

どのように我々は、CSSのようにそれを使用することができますを設定することができますか？ フォントロールバックメカニズムを使用して複数バイトの中国語を表示する必要があります。

Answer 1

React Nativeでは、コンポーネントの内部にすべてのテキストノードをラップする必要があります。

チェックあなたの答えは、この公式ドキュメント：どのような目的のためにOffical Doc

// we define available font weight and styles for each font here 
const font = { 
    OpenSans: { 
    weights: { 
     ExtraBold: '800', 
     Bold: '700', 
     SemiBold: '600', 
     Light: '300', 
     Normal: '400' 
    }, 
    styles: { 
     Italic: 'italic' 
    } 
    }, 
    Verdana: ..., 
    Tahoma: ..., 
    ... 
} 

// generate styles for a font with given weight and style 
export const fontMaker = (options = {}) => { 
    let { weight, style, family } = Object.assign({ 
    weight: null, 
    style: null, 
    family: 'OpenSans' 
    }, options) 

    const { weights, styles } = font[family] 

    if (Platform.OS === 'android') { 
    weight = weights[weight] ? weight : '' 
    style = styles[style] ? style : '' 

    const suffix = weight + style 

    return { 
     fontFamily: family + (suffix.length ? `-${suffix}` : '') 
    } 
    } else { 
    weight = weights[weight] || weights.Normal 
    style = styles[style] || 'normal' 

    return { 
     fontFamily: family, 
     fontWeight: weight, 
     fontStyle: style 
    } 
    } 
} 

Refernce