如何在react-native中更改默认的fontFamily

Question

我可以在我的应用程序（iOS和Android）中设置默认的fontFamily吗？

我不想在每个屏幕上进行设置。

任何想法？

Answer 1

唯一的方法是从事物的本机方面。 看这里：

为整个iOS应用设置默认字体吗？

和

是否可以为整个应用程序设置自定义字体？

虽然，如果您使用凯恩图书馆（免责声明：我写过），那是微不足道的。 只需定义您的全局文本样式并从任何地方扩展它即可。 Cairn使所有全局内容都可重用，同时又不会破坏特定于组件的覆盖和扩展。

// styles.js
import { createStylesheet } from 'react-native';
import cairn from 'cairn';

export default cairn({
    text: {
        fontFamily: '...'
    }
}, (styles) => createStylesheet(styles));

然后在组件中扩展这些全局样式并将其应用于文本元素：

// components/MyComponent.js

import styleContext from '../styles';

const style = styleContext.extend({
    'text.header': {
        fontSize: 30
    }
});

export default const MyComponent = () => (
    // Spreads style={[styleContext.text, style['text.header']]}
    <Text {...style('text.header')}>Header!</Text>
);