android - 字体粗细错误 React Native

Question

我目前面临字体粗细问题。这是在我通过 Xcode 安装自定义字体后发生的。我已经链接了所有内容并且自定义字体可以正常工作，但我仍然看不到任何效果？

attrName: {
   color: '#000',
   fontWeight: '300' /* Normally this should work */
},

有没有其他人偶然发现了这个问题？需要快速解决这个...

更新

发布后我解决了这个问题。如果您希望文本元素具有不同的字体粗细，请确保在 Xcode 或 Android Studio 中导入所有类型的字体粗细。字体的一种粗细或版本不够......

Answer 1

我遇到了类似的问题。

• react :16.0.0-alpha.6
• native react :0.44

fontWeight: '300' 适用于 IOS 但不适用于 Android。我当然不想为我使用的每一种字体都包含所有字体粗细，这就是为什么我为那些仍在寻找的人提出以下方法的原因:

// Style definition
const styles = StyleSheet.create({
    base: {
        fontFamily: 'Roboto',
    },
    light: {
        ...Platform.select({
            ios: {
                fontWeight: '300',
            },
            android: {
                // RN 0.44.0 bug: fontWeight 300 not linked to *Thin or *Light fonts yet...
                fontFamily: 'Roboto-Thin',
            },
        }),
    },
});

使用示例:

<Text style={styles.base}>Hello world</Text>
<Text style={[styles.base, styles.light]}>Hello light world</Text>

在未来的版本中，这很可能会由 API 修复，但开发人员目前已忙得不可开交:)