字体粗细 Bug React Native答案

【问题标题】：Font Weight Bug React Native字体粗细 Bug React Native
【发布时间】：2017-02-18 18:04:27
【问题描述】：

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

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

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

更新

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

【问题讨论】：

我也遇到了类似的问题。 fontWeight 不像我预期的那样工作。假设它在 500 之前没有效果，从 600 开始它变得粗体。但是我希望它是渐进的。
没错！但是为什么会这样呢？真的很烦xd

标签： android ios reactjs react-native

【解决方案1】：

我也遇到了类似的问题。

反应：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 修复，但开发人员现在已经忙得不可开交 :)

【讨论】：

【解决方案2】：

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

唯一的区别是w->W

是的，有时我们会收到错误的自动建议，通常会在您使用多种不同语言时发生。

【讨论】：