2017-01-24 17 views
1

Ich lerne react-native Programmierung, wo ich benutzerdefinierte fontFamily auf Symbolleiste Titel festlegen muss. Ich habe eine TTF-Schrift im Ordner "Assets/Fonts" meines Android-Verzeichnisses hinzugefügt.So legen Sie benutzerdefinierte Schriftart auf ToolbarAndroid in reagieren native

const styles = StyleSheet.create({ 
    toolbar: { 
    backgroundColor: '#2E8B57', 
    height: 40, 
    fontFamily: 'roboto_thin' 
    }, 
}); 

<ToolbarAndroid title='Login' titleColor='white' 
      onIconClicked={() => this.props.navigator.pop()} 
      style={styles.toolbar}/> 

jedoch ToolbarAndroid Titel Schrift setzt nicht & eine Warnung erhalten, während die Anwendung ausgeführt wird.

Warnung: Fehler prop Typ: Ungültige props.style Schlüssel fontFamily zu ToolbarAndroid geliefert ...

jemand für mich helfen kann Wie auf ToolbarAndroid Titel benutzerdefinierte Schriftfamilie einzustellen. Danke im Voraus.

Antwort

0

AFAIK gibt es keinen dokumentierten Weg, um es zu setzen (wenn Sie Ihre Zeit verschwenden und mit den Quellcodes spielen, können Sie Ihren Weg finden). Abgesehen von dieser Komplikation

, auch wenn Sie die Entwicklung Ihrer Anwendung nur für Android, können Sie immer noch verwenden react-native-router-flux, wo Sie in der Lage sind, eine benutzerdefinierte Symbolleiste zu machen, das enthalten kann jedes Element React - Icons, Bilder , Texte. Es unterstützt beide Plattformen und bietet eine wirklich einfache Navigation über die App Scenes.

0

Alles, was Sie tun müssen, ist diese

<ToolbarAndroid> 
    <Text style={{ fontFamily: 'yourFont' }}>Title Text</Text> 
</ToolbarAndroid> 
Verwandte Themen