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

Question

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

我不想在每个屏幕上都设置它。

有什么想法吗？

Answer 1

做到这一点的唯一方法是从事物的 native 方面。看这里:

Set a default font for whole iOS app?

和

Is it possible to set a custom font for entire of application?

虽然，如果您使用库 Cairn (免责声明:我写的)这是微不足道的。只需定义您的全局文本样式并从中扩展到任何地方。 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>
);