如何在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>
);