字体重量错误反应本机

Question

我目前面临字体权重问题。这是在我通过Xcode安装自定义字体后发生的。我已经链接了所有内容，并且自定义字体有效，但我仍然没有效果？

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

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

update

我发布了此问题。如果您想要与文本元素不同的字体权重，请确保在Xcode或Android Studio中导入字体的所有类型的权重。字体的一个重量或版本还不够...

Answer 1

我正在面临类似的问题。

• react：16.0.0-alpha.6
• 反应：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修复的，但是DEV现在已经掌握了双手：）

Answer 2

我面临着同样的问题，但是我意识到应该是 - fontWeight:'bold',不是 - fontweight:'bold',

唯一的区别是 w-＆gt; w

ya有时我们弄错了自动建议，通常在您使用许多不同语言的工作时会经常发生很多。