So ändern Sie die StandardschriftartFamily in reaktivennativ

Question

Kann ich eine Standard fontFamily in meiner App (iOS und Android) festlegen?

Ich möchte nicht auf jedem Bildschirm einstellen.

Irgendeine Idee?

Answer 1

Der einzige Weg, dies zu tun, ist von der nativen Seite der Dinge. Siehe hier:

Set a default font for whole iOS app?

und

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

Obwohl, wenn Sie die Bibliothek Cairn (Disclaimer: Ich habe es geschrieben) verwenden es trivial ist. Definieren Sie einfach Ihren globalen Textstil und erweitern Sie ihn von überall her. Cairn macht alle globalen Sachen wiederverwendbar, ohne komponentenspezifische Überschreibungen und Erweiterungen zu unterbrechen.

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

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

dann diese globale Stile in Ihrer Komponente erweitern und zu Ihrem Textelement anwenden:

// 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> 
);